@primer/primitives 7.1.1-rc.b52ea99 → 7.2.0-rc.9f50886

package/dist/js/colors/light_high_contrast.js

@@ -8,14 +8,14 @@ exports.default = {
     },
     "diffBlob": {
         "addition": {
-            "numText": "#24292F",
+            "numText": "#0E1116",
             "fg": "#ffffff",
             "numBg": "#CCFFD8",
             "lineBg": "#E6FFEC",
             "wordBg": "#055d20"
         },
         "deletion": {
-            "numText": "#24292F",
+            "numText": "#0E1116",
             "fg": "#ffffff",
             "numBg": "#FFD7D5",
             "lineBg": "#fff0ee",
@@ -25,13 +25,13 @@ exports.default = {
             "numBg": "#9cd7ff"
         },
         "expander": {
-            "icon": "#24292F"
+            "icon": "#ffffff"
         },
         "selectedLineHighlightMixBlendMode": "multiply"
     },
     "diffstat": {
-        "deletionBorder": "rgba(1,4,9,0.9)",
-        "additionBorder": "rgba(1,4,9,0.9)",
+        "deletionBorder": "rgba(1,4,9,0.8)",
+        "additionBorder": "rgba(1,4,9,0.8)",
         "additionBg": "#117f32"
     },
     "searchKeyword": {
@@ -39,10 +39,10 @@ exports.default = {
     },
     "prettylights": {
         "syntax": {
-            "comment": "#67707A",
+            "comment": "#66707B",
             "constant": "#023b95",
             "entity": "#622cbc",
-            "storageModifierImport": "#24292F",
+            "storageModifierImport": "#0E1116",
             "entityTag": "#024c1a",
             "keyword": "#a0111f",
             "string": "#032563",
@@ -55,8 +55,8 @@ exports.default = {
             "stringRegexp": "#024c1a",
             "markupList": "#2e1800",
             "markupHeading": "#023b95",
-            "markupItalic": "#24292F",
-            "markupBold": "#24292F",
+            "markupItalic": "#0E1116",
+            "markupBold": "#0E1116",
             "markupDeletedText": "#6e011a",
             "markupDeletedBg": "#fff0ee",
             "markupInsertedText": "#024c1a",
@@ -66,25 +66,25 @@ exports.default = {
             "markupIgnoredText": "#E7ECF0",
             "markupIgnoredBg": "#023b95",
             "metaDiffRange": "#622cbc",
-            "brackethighlighterAngle": "#4F5760",
+            "brackethighlighterAngle": "#4B535D",
             "sublimelinterGutterMark": "#88929D",
             "constantOtherReferenceLink": "#032563"
         }
     },
     "codemirror": {
-        "text": "#24292F",
+        "text": "#0E1116",
         "bg": "#ffffff",
         "guttersBg": "#ffffff",
         "guttermarkerText": "#ffffff",
-        "guttermarkerSubtleText": "#67707A",
-        "linenumberText": "#24292F",
-        "cursor": "#24292F",
+        "guttermarkerSubtleText": "#66707B",
+        "linenumberText": "#0E1116",
+        "cursor": "#0E1116",
         "selectionBg": "#368cf9",
         "activelineBg": "#E7ECF0",
-        "matchingbracketText": "#24292F",
+        "matchingbracketText": "#0E1116",
         "linesBg": "#ffffff",
         "syntax": {
-            "comment": "#24292F",
+            "comment": "#0E1116",
             "constant": "#023b95",
             "entity": "#622cbc",
             "keyword": "#a0111f",
@@ -95,7 +95,7 @@ exports.default = {
         }
     },
     "checks": {
-        "bg": "#24292F",
+        "bg": "#0E1116",
         "runBorderWidth": "0px",
         "containerBorderWidth": "0px",
         "textPrimary": "#FFFFFF",
@@ -107,37 +107,37 @@ exports.default = {
         "inputText": "#E7ECF0",
         "inputPlaceholderText": "#88929D",
         "inputFocusText": "#88929D",
-        "inputBg": "#30363D",
+        "inputBg": "#20252C",
         "inputShadow": "none",
         "donutError": "#d5232c",
         "donutPending": "#956400",
         "donutSuccess": "#117f32",
         "donutNeutral": "#ACB6C0",
         "dropdownText": "#ACB6C0",
-        "dropdownBg": "#30363D",
-        "dropdownBorder": "#3D454E",
+        "dropdownBg": "#20252C",
+        "dropdownBorder": "#343B43",
         "dropdownShadow": "rgba(1,4,9,0.3)",
         "dropdownHoverText": "#FFFFFF",
-        "dropdownHoverBg": "#3D454E",
+        "dropdownHoverBg": "#343B43",
         "dropdownBtnHoverText": "#FFFFFF",
-        "dropdownBtnHoverBg": "#30363D",
-        "scrollbarThumbBg": "#4F5760",
+        "dropdownBtnHoverBg": "#20252C",
+        "scrollbarThumbBg": "#4B535D",
         "headerLabelText": "#CED5DC",
         "headerLabelOpenText": "#FFFFFF",
-        "headerBorder": "#30363D",
+        "headerBorder": "#20252C",
         "headerIcon": "#88929D",
         "lineText": "#CED5DC",
         "lineNumText": "rgba(136,146,157,0.75)",
         "lineTimestampText": "#88929D",
-        "lineHoverBg": "#30363D",
+        "lineHoverBg": "#20252C",
         "lineSelectedBg": "rgba(17,104,227,0.15)",
         "lineSelectedNumText": "#368cf9",
-        "lineDtFmText": "#24292F",
+        "lineDtFmText": "#0E1116",
         "lineDtFmBg": "#744500",
         "gateBg": "rgba(96,55,0,0.15)",
         "gateText": "#CED5DC",
         "gateWaitingText": "#ACB6C0",
-        "stepHeaderOpenBg": "#30363D",
+        "stepHeaderOpenBg": "#20252C",
         "stepErrorText": "#ee5a5d",
         "stepWarningText": "#b58407",
         "loglineText": "#88929D",
@@ -152,8 +152,8 @@ exports.default = {
         "loglineCommandText": "#368cf9",
         "loglineSectionText": "#26a148",
         "ansi": {
-            "black": "#24292F",
-            "blackBright": "#30363D",
+            "black": "#0E1116",
+            "blackBright": "#20252C",
             "white": "#CED5DC",
             "whiteBright": "#CED5DC",
             "gray": "#88929D",
@@ -172,7 +172,7 @@ exports.default = {
         }
     },
     "project": {
-        "headerBg": "#24292F",
+        "headerBg": "#0E1116",
         "sidebarBg": "#ffffff",
         "gradientIn": "#ffffff",
         "gradientOut": "rgba(255,255,255,0)"
@@ -190,13 +190,16 @@ exports.default = {
     },
     "avatar": {
         "bg": "#ffffff",
-        "border": "rgba(1,4,9,0.9)",
+        "border": "rgba(1,4,9,0.8)",
         "stackFade": "#ACB6C0",
         "stackFadeMore": "#CED5DC",
         "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
     },
     "topicTag": {
-        "border": "rgba(0,0,0,0)"
+        "border": "#0349b4"
+    },
+    "counter": {
+        "border": "#20252C"
     },
     "selectMenu": {
         "backdropBorder": "rgba(0,0,0,0)",
@@ -204,16 +207,17 @@ exports.default = {
         "tapFocusBg": "#9cd7ff"
     },
     "overlay": {
-        "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
+        "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)"
     },
     "header": {
         "text": "rgba(255,255,255,0.7)",
-        "bg": "#24292F",
+        "bg": "#0E1116",
+        "divider": "#ACB6C0",
         "logo": "#ffffff"
     },
     "headerSearch": {
-        "bg": "#24292F",
-        "border": "#4F5760"
+        "bg": "#0E1116",
+        "border": "#4B535D"
     },
     "sidenav": {
         "selectedBg": "#ffffff"
@@ -228,11 +232,11 @@ exports.default = {
         "badgeBg": "#E7ECF0"
     },
     "ansi": {
-        "black": "#24292F",
-        "blackBright": "#4F5760",
-        "white": "#67707A",
+        "black": "#0E1116",
+        "blackBright": "#4B535D",
+        "white": "#66707B",
         "whiteBright": "#88929D",
-        "gray": "#67707A",
+        "gray": "#66707B",
         "red": "#a0111f",
         "redBright": "#86061d",
         "green": "#024c1a",
@@ -247,88 +251,88 @@ exports.default = {
         "cyanBright": "#3192aa"
     },
     "btn": {
-        "text": "#24292F",
-        "bg": "#FFFFFF",
-        "border": "rgba(1,4,9,0.9)",
+        "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": "#f3f4f6",
-        "hoverBorder": "rgba(1,4,9,0.9)",
-        "activeBg": "hsla(220,14%,93%,1)",
-        "activeBorder": "rgba(1,4,9,0.9)",
-        "selectedBg": "hsla(220,14%,94%,1)",
-        "focusBg": "#FFFFFF",
-        "focusBorder": "rgba(1,4,9,0.9)",
+        "hoverBg": "#CED5DC",
+        "hoverBorder": "rgba(1,4,9,0.8)",
+        "activeBg": "#ACB6C0",
+        "activeBorder": "rgba(1,4,9,0.8)",
+        "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)",
         "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
         "counterBg": "rgba(1,4,9,0.08)",
         "primary": {
             "text": "#ffffff",
-            "bg": "#117f32",
-            "border": "rgba(1,4,9,0.9)",
+            "bg": "#055d20",
+            "border": "#013d14",
             "shadow": "0 1px 0 rgba(1,4,9,0.1)",
             "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
-            "hoverBg": "#2c974b",
-            "hoverBorder": "rgba(1,4,9,0.9)",
-            "selectedBg": "hsla(137,55%,36%,1)",
+            "hoverBg": "#024c1a",
+            "hoverBorder": "#013d14",
+            "selectedBg": "hsla(139,95%,13%,1)",
             "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
             "disabledText": "rgba(255,255,255,0.8)",
             "disabledBg": "#94d3a2",
-            "disabledBorder": "rgba(1,4,9,0.9)",
-            "focusBg": "#117f32",
-            "focusBorder": "rgba(1,4,9,0.9)",
-            "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
+            "disabledBorder": "rgba(1,4,9,0.8)",
+            "focusBg": "#013d14",
+            "focusBorder": "#013d14",
+            "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)",
             "icon": "rgba(255,255,255,0.8)",
             "counterBg": "rgba(255,255,255,0.2)"
         },
         "outline": {
-            "text": "#0349b4",
+            "text": "#023b95",
             "hoverText": "#ffffff",
             "hoverBg": "#0349b4",
-            "hoverBorder": "rgba(1,4,9,0.9)",
+            "hoverBorder": "#022f7a",
             "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
             "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
             "hoverCounterBg": "rgba(255,255,255,0.2)",
             "selectedText": "#ffffff",
-            "selectedBg": "hsla(216,97%,33%,1)",
-            "selectedBorder": "rgba(1,4,9,0.9)",
+            "selectedBg": "#022f7a",
+            "selectedBorder": "#022f7a",
             "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
             "disabledText": "rgba(3,73,180,0.5)",
-            "disabledBg": "#FFFFFF",
+            "disabledBg": "#E7ECF0",
             "disabledCounterBg": "rgba(3,73,180,0.05)",
-            "focusBorder": "rgba(1,4,9,0.9)",
+            "focusBorder": "#022f7a",
             "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
             "counterBg": "rgba(3,73,180,0.1)"
         },
         "danger": {
-            "text": "#a0111f",
+            "text": "#86061d",
             "hoverText": "#ffffff",
-            "hoverBg": "#86061d",
-            "hoverBorder": "rgba(1,4,9,0.9)",
+            "hoverBg": "#a0111f",
+            "hoverBorder": "#6e011a",
             "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
             "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
             "hoverCounterBg": "rgba(255,255,255,0.2)",
             "selectedText": "#ffffff",
-            "selectedBg": "hsla(354,81%,32%,1)",
-            "selectedBorder": "rgba(1,4,9,0.9)",
+            "selectedBg": "#6e011a",
+            "selectedBorder": "#6e011a",
             "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
             "disabledText": "rgba(160,17,31,0.5)",
-            "disabledBg": "#FFFFFF",
+            "disabledBg": "#E7ECF0",
             "disabledCounterBg": "rgba(160,17,31,0.05)",
-            "focusBorder": "rgba(1,4,9,0.9)",
+            "focusBorder": "#6e011a",
             "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
             "counterBg": "rgba(160,17,31,0.1)",
-            "icon": "#a0111f",
+            "icon": "#86061d",
             "hoverIcon": "#ffffff"
         }
     },
     "underlinenav": {
-        "icon": "#67707A",
+        "icon": "#66707B",
         "borderHover": "rgba(172,182,192,0.2)"
     },
     "actionListItem": {
-        "inlineDivider": "rgba(36,41,47,0.48)",
+        "inlineDivider": "rgba(32,37,44,0.48)",
         "default": {
             "hoverBg": "rgba(206,213,220,0.32)",
             "activeBg": "rgba(206,213,220,0.48)",
@@ -341,9 +345,9 @@ exports.default = {
         }
     },
     "fg": {
-        "default": "#24292F",
-        "muted": "#24292F",
-        "subtle": "#67707A",
+        "default": "#0E1116",
+        "muted": "#0E1116",
+        "subtle": "#66707B",
         "onEmphasis": "#ffffff"
     },
     "canvas": {
@@ -353,9 +357,9 @@ exports.default = {
         "subtle": "#E7ECF0"
     },
     "border": {
-        "default": "#24292F",
+        "default": "#20252C",
         "muted": "#88929D",
-        "subtle": "rgba(1,4,9,0.9)"
+        "subtle": "rgba(1,4,9,0.8)"
     },
     "shadow": {
         "small": "0 1px 0 rgba(1,4,9,0.04)",
@@ -364,8 +368,8 @@ exports.default = {
         "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
     },
     "neutral": {
-        "emphasisPlus": "#24292F",
-        "emphasis": "#67707A",
+        "emphasisPlus": "#0E1116",
+        "emphasis": "#66707B",
         "muted": "rgba(172,182,192,0.2)",
         "subtle": "#E7ECF0"
     },
@@ -438,11 +442,11 @@ exports.default = {
             "#CED5DC",
             "#ACB6C0",
             "#88929D",
-            "#67707A",
-            "#4F5760",
-            "#3D454E",
-            "#30363D",
-            "#24292F"
+            "#66707B",
+            "#4B535D",
+            "#343B43",
+            "#20252C",
+            "#0E1116"
         ],
         "blue": [
             "#dff7ff",

package/dist/js/index.d.ts

@@ -198,6 +198,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -209,6 +212,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {
@@ -641,6 +645,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -652,6 +659,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {
@@ -1084,6 +1092,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -1095,6 +1106,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {
@@ -1527,6 +1539,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -1538,6 +1553,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {
@@ -1970,6 +1986,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -1981,6 +2000,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {
@@ -2413,6 +2433,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -2424,6 +2447,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {
@@ -2856,6 +2880,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -2867,6 +2894,7 @@ declare const _default: {
             header: {
                 text: string;
                 bg: string;
+                divider: string;
                 logo: string;
             };
             headerSearch: {

package/dist/json/colors/dark.json

@@ -196,6 +196,9 @@
   "topicTag": {
     "border": "rgba(0,0,0,0)"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "#484f58",
     "tapHighlight": "rgba(48,54,61,0.5)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(240,246,252,0.7)",
     "bg": "#161b22",
+    "divider": "#8b949e",
     "logo": "#f0f6fc"
   },
   "headerSearch": {

package/dist/json/colors/dark_colorblind.json

@@ -196,6 +196,9 @@
   "topicTag": {
     "border": "rgba(0,0,0,0)"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "#484f58",
     "tapHighlight": "rgba(48,54,61,0.5)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(240,246,252,0.7)",
     "bg": "#161b22",
+    "divider": "#8b949e",
     "logo": "#f0f6fc"
   },
   "headerSearch": {

package/dist/json/colors/dark_dimmed.json

@@ -196,6 +196,9 @@
   "topicTag": {
     "border": "rgba(0,0,0,0)"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "#545d68",
     "tapHighlight": "rgba(68,76,86,0.5)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(205,217,229,0.7)",
     "bg": "#2d333b",
+    "divider": "#768390",
     "logo": "#cdd9e5"
   },
   "headerSearch": {

package/dist/json/colors/dark_high_contrast.json

@@ -196,6 +196,9 @@
   "topicTag": {
     "border": "#409eff"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "#7a828e",
     "tapHighlight": "rgba(82,89,100,0.5)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#272b33",
+    "divider": "#bdc4cc",
     "logo": "#ffffff"
   },
   "headerSearch": {

package/dist/json/colors/light.json

@@ -196,6 +196,9 @@
   "topicTag": {
     "border": "rgba(0,0,0,0)"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "rgba(0,0,0,0)",
     "tapHighlight": "rgba(175,184,193,0.5)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#24292f",
+    "divider": "#57606a",
     "logo": "#ffffff"
   },
   "headerSearch": {

package/dist/json/colors/light_colorblind.json

@@ -196,6 +196,9 @@
   "topicTag": {
     "border": "rgba(0,0,0,0)"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "rgba(0,0,0,0)",
     "tapHighlight": "rgba(175,184,193,0.5)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#24292f",
+    "divider": "#57606a",
     "logo": "#ffffff"
   },
   "headerSearch": {