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

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,13 +23,13 @@
       "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": {
@@ -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)"
@@ -188,13 +188,16 @@
   },
   "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)",
@@ -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,88 +249,88 @@
     "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)",
@@ -339,9 +343,9 @@
     }
   },
   "fg": {
-    "default": "#24292F",
-    "muted": "#24292F",
-    "subtle": "#67707A",
+    "default": "#0E1116",
+    "muted": "#0E1116",
+    "subtle": "#66707B",
     "onEmphasis": "#ffffff"
   },
   "canvas": {
@@ -351,9 +355,9 @@
     "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)",
@@ -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

@@ -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;