@primer/primitives 7.1.1-rc.71c4e0c → 7.2.0-rc.84e0df4

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

@@ -23,7 +23,7 @@
       "numBg": "rgba(64,158,255,0.4)"
     },
     "expander": {
-      "icon": "#0a0c10"
+      "icon": "#f0f3f6"
     },
     "selectedLineHighlightMixBlendMode": "screen"
   },
@@ -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": {

package/dist/json/colors/light_high_contrast.json

@@ -6,14 +6,14 @@
   },
   "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",
@@ -23,7 +23,7 @@
       "numBg": "#9cd7ff"
     },
     "expander": {
-      "icon": "#24292F"
+      "icon": "#0E1116"
     },
     "selectedLineHighlightMixBlendMode": "multiply"
   },
@@ -37,10 +37,10 @@
   },
   "prettylights": {
     "syntax": {
-      "comment": "#67707A",
+      "comment": "#66707B",
       "constant": "#023b95",
       "entity": "#622cbc",
-      "storageModifierImport": "#24292F",
+      "storageModifierImport": "#0E1116",
       "entityTag": "#024c1a",
       "keyword": "#a0111f",
       "string": "#032563",
@@ -53,8 +53,8 @@
       "stringRegexp": "#024c1a",
       "markupList": "#2e1800",
       "markupHeading": "#023b95",
-      "markupItalic": "#24292F",
-      "markupBold": "#24292F",
+      "markupItalic": "#0E1116",
+      "markupBold": "#0E1116",
       "markupDeletedText": "#6e011a",
       "markupDeletedBg": "#fff0ee",
       "markupInsertedText": "#024c1a",
@@ -64,25 +64,25 @@
       "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",
@@ -93,7 +93,7 @@
     }
   },
   "checks": {
-    "bg": "#24292F",
+    "bg": "#0E1116",
     "runBorderWidth": "0px",
     "containerBorderWidth": "0px",
     "textPrimary": "#FFFFFF",
@@ -105,37 +105,37 @@
     "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",
@@ -150,8 +150,8 @@
     "loglineCommandText": "#368cf9",
     "loglineSectionText": "#26a148",
     "ansi": {
-      "black": "#24292F",
-      "blackBright": "#30363D",
+      "black": "#0E1116",
+      "blackBright": "#20252C",
       "white": "#CED5DC",
       "whiteBright": "#CED5DC",
       "gray": "#88929D",
@@ -170,7 +170,7 @@
     }
   },
   "project": {
-    "headerBg": "#24292F",
+    "headerBg": "#0E1116",
     "sidebarBg": "#ffffff",
     "gradientIn": "#ffffff",
     "gradientOut": "rgba(255,255,255,0)"
@@ -194,7 +194,10 @@
     "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)",
@@ -202,16 +205,17 @@
     "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"
@@ -226,11 +230,11 @@
     "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",
@@ -245,7 +249,7 @@
     "cyanBright": "#3192aa"
   },
   "btn": {
-    "text": "#24292F",
+    "text": "#0E1116",
     "bg": "#E7ECF0",
     "border": "rgba(1,4,9,0.8)",
     "shadow": "0 1px 0 rgba(1,4,9,0.04)",
@@ -322,11 +326,11 @@
     }
   },
   "underlinenav": {
-    "icon": "#67707A",
+    "icon": "#66707B",
     "borderHover": "rgba(172,182,192,0.2)"
   },
   "actionListItem": {
-    "inlineDivider": "rgba(48,54,61,0.48)",
+    "inlineDivider": "rgba(32,37,44,0.48)",
     "default": {
       "hoverBg": "rgba(206,213,220,0.32)",
       "activeBg": "rgba(206,213,220,0.48)",
@@ -339,9 +343,9 @@
     }
   },
   "fg": {
-    "default": "#24292F",
-    "muted": "#24292F",
-    "subtle": "#67707A",
+    "default": "#0E1116",
+    "muted": "#0E1116",
+    "subtle": "#66707B",
     "onEmphasis": "#ffffff"
   },
   "canvas": {
@@ -351,7 +355,7 @@
     "subtle": "#E7ECF0"
   },
   "border": {
-    "default": "#30363D",
+    "default": "#20252C",
     "muted": "#88929D",
     "subtle": "rgba(1,4,9,0.8)"
   },
@@ -362,8 +366,8 @@
     "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"
   },
@@ -436,11 +440,11 @@
       "#CED5DC",
       "#ACB6C0",
       "#88929D",
-      "#67707A",
-      "#4F5760",
-      "#3D454E",
-      "#30363D",
-      "#24292F"
+      "#66707B",
+      "#4B535D",
+      "#343B43",
+      "#20252C",
+      "#0E1116"
     ],
     "blue": [
       "#dff7ff",

package/dist/scss/colors/_dark.scss

@@ -157,12 +157,14 @@
     --color-avatar-stack-fade-more: #21262d;
     --color-avatar-child-shadow: -2px -2px 0 #0d1117;
     --color-topic-tag-border: rgba(0,0,0,0);
+    --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: #484f58;
     --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
     --color-select-menu-tap-focus-bg: #0c2d6b;
     --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
     --color-header-text: rgba(240,246,252,0.7);
     --color-header-bg: #161b22;
+    --color-header-divider: #8b949e;
     --color-header-logo: #f0f6fc;
     --color-header-search-bg: #0d1117;
     --color-header-search-border: #30363d;

package/dist/scss/colors/_dark_colorblind.scss

@@ -157,12 +157,14 @@
     --color-avatar-stack-fade-more: #21262d;
     --color-avatar-child-shadow: -2px -2px 0 #0d1117;
     --color-topic-tag-border: rgba(0,0,0,0);
+    --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: #484f58;
     --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
     --color-select-menu-tap-focus-bg: #0c2d6b;
     --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
     --color-header-text: rgba(240,246,252,0.7);
     --color-header-bg: #161b22;
+    --color-header-divider: #8b949e;
     --color-header-logo: #f0f6fc;
     --color-header-search-bg: #0d1117;
     --color-header-search-border: #30363d;

package/dist/scss/colors/_dark_dimmed.scss

@@ -157,12 +157,14 @@
     --color-avatar-stack-fade-more: #373e47;
     --color-avatar-child-shadow: -2px -2px 0 #22272e;
     --color-topic-tag-border: rgba(0,0,0,0);
+    --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: #545d68;
     --color-select-menu-tap-highlight: rgba(68,76,86,0.5);
     --color-select-menu-tap-focus-bg: #143d79;
     --color-overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85);
     --color-header-text: rgba(205,217,229,0.7);
     --color-header-bg: #2d333b;
+    --color-header-divider: #768390;
     --color-header-logo: #cdd9e5;
     --color-header-search-bg: #22272e;
     --color-header-search-border: #444c56;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -14,7 +14,7 @@
     --color-diff-blob-deletion-line-bg: rgba(255,106,105,0.15);
     --color-diff-blob-deletion-word-bg: #ff6a69;
     --color-diff-blob-hunk-num-bg: rgba(64,158,255,0.4);
-    --color-diff-blob-expander-icon: #0a0c10;
+    --color-diff-blob-expander-icon: #f0f3f6;
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
     --color-diffstat-deletion-border: #ffb1af;
     --color-diffstat-addition-border: #4ae168;
@@ -157,12 +157,14 @@
     --color-avatar-stack-fade-more: #272b33;
     --color-avatar-child-shadow: -2px -2px 0 #0a0c10;
     --color-topic-tag-border: #409eff;
+    --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: #7a828e;
     --color-select-menu-tap-highlight: rgba(82,89,100,0.5);
     --color-select-menu-tap-focus-bg: #1e60d5;
     --color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #272b33;
+    --color-header-divider: #bdc4cc;
     --color-header-logo: #ffffff;
     --color-header-search-bg: #0a0c10;
     --color-header-search-border: #525964;

package/dist/scss/colors/_light.scss

@@ -157,12 +157,14 @@
     --color-avatar-stack-fade-more: #d0d7de;
     --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
     --color-topic-tag-border: rgba(0,0,0,0);
+    --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: rgba(0,0,0,0);
     --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
     --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #24292f;
+    --color-header-divider: #57606a;
     --color-header-logo: #ffffff;
     --color-header-search-bg: #24292f;
     --color-header-search-border: #57606a;

package/dist/scss/colors/_light_colorblind.scss

@@ -157,12 +157,14 @@
     --color-avatar-stack-fade-more: #d0d7de;
     --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
     --color-topic-tag-border: rgba(0,0,0,0);
+    --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: rgba(0,0,0,0);
     --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
     --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #24292f;
+    --color-header-divider: #57606a;
     --color-header-logo: #ffffff;
     --color-header-search-bg: #24292f;
     --color-header-search-border: #57606a;