@primer/primitives 7.1.2-rc.bfbd62f → 7.2.0-rc.84e0df4

package/CHANGELOG.md

@@ -1,11 +1,23 @@
 # @primer/primitives
 
-## 7.1.2
+## 7.2.0
+
+### Minor Changes
+
+- [#282](https://github.com/primer/primitives/pull/282) [`71f5486`](https://github.com/primer/primitives/commit/71f548663a247c3ff347657ebaaceae7d1c458f5) Thanks [@simurai](https://github.com/simurai)! - Add `header.divider`
+
+* [#279](https://github.com/primer/primitives/pull/279) [`3729355`](https://github.com/primer/primitives/commit/3729355a30bd361f2be5da379cc85357f474d9a1) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Add border to topic-tag and counters
 
 ### Patch Changes
 
 - [#277](https://github.com/primer/primitives/pull/277) [`3fda2d3`](https://github.com/primer/primitives/commit/3fda2d3eb43662331c1b93876267592bf7b9fcc3) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Increased contrast in Light HC shades
 
+* [#281](https://github.com/primer/primitives/pull/281) [`8da4db2`](https://github.com/primer/primitives/commit/8da4db27af11bb011c2efcbe2e5eb736a09cbc55) Thanks [@simurai](https://github.com/simurai)! - Improve diff-blob-expander-icon (follow-up)
+
+- [#281](https://github.com/primer/primitives/pull/281) [`8da4db2`](https://github.com/primer/primitives/commit/8da4db27af11bb011c2efcbe2e5eb736a09cbc55) Thanks [@simurai](https://github.com/simurai)! - Improve diff-blob-expander
+
+* [#280](https://github.com/primer/primitives/pull/280) [`46d2c1e`](https://github.com/primer/primitives/commit/46d2c1eb5727ad6d68ba1ef8fc4c8f5241c2d857) Thanks [@simurai](https://github.com/simurai)! - Improve diff-blob-expander-icon
+
 ## 7.1.1
 
 ### Patch Changes

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/dark.js

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

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/dark_colorblind.js

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

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/dark_dimmed.js

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

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/dark_high_contrast.js

@@ -25,7 +25,7 @@ exports.default = {
             "numBg": "rgba(64,158,255,0.4)"
         },
         "expander": {
-            "icon": "#0a0c10"
+            "icon": "#f0f3f6"
         },
         "selectedLineHighlightMixBlendMode": "screen"
     },
@@ -198,6 +198,9 @@ exports.default = {
     "topicTag": {
         "border": "#409eff"
     },
+    "counter": {
+        "border": "rgba(0,0,0,0)"
+    },
     "selectMenu": {
         "backdropBorder": "#7a828e",
         "tapHighlight": "rgba(82,89,100,0.5)",
@@ -209,6 +212,7 @@ exports.default = {
     "header": {
         "text": "rgba(255,255,255,0.7)",
         "bg": "#272b33",
+        "divider": "#bdc4cc",
         "logo": "#ffffff"
     },
     "headerSearch": {

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

@@ -197,6 +197,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -208,6 +211,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {
@@ -640,6 +644,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -651,6 +658,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {
@@ -1083,6 +1091,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -1094,6 +1105,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {
@@ -1526,6 +1538,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -1537,6 +1552,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {
@@ -1969,6 +1985,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -1980,6 +1999,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {
@@ -2412,6 +2432,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -2423,6 +2446,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {
@@ -2855,6 +2879,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -2866,6 +2893,7 @@ declare const _default: {
         header: {
             text: string;
             bg: string;
+            divider: string;
             logo: string;
         };
         headerSearch: {

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/light.js

@@ -198,6 +198,9 @@ exports.default = {
     "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)",
@@ -209,6 +212,7 @@ exports.default = {
     "header": {
         "text": "rgba(255,255,255,0.7)",
         "bg": "#24292f",
+        "divider": "#57606a",
         "logo": "#ffffff"
     },
     "headerSearch": {

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/light_colorblind.js

@@ -198,6 +198,9 @@ exports.default = {
     "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)",
@@ -209,6 +212,7 @@ exports.default = {
     "header": {
         "text": "rgba(255,255,255,0.7)",
         "bg": "#24292f",
+        "divider": "#57606a",
         "logo": "#ffffff"
     },
     "headerSearch": {

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

@@ -196,6 +196,9 @@ declare const _default: {
     topicTag: {
         border: string;
     };
+    counter: {
+        border: string;
+    };
     selectMenu: {
         backdropBorder: string;
         tapHighlight: string;
@@ -207,6 +210,7 @@ declare const _default: {
     header: {
         text: string;
         bg: string;
+        divider: string;
         logo: string;
     };
     headerSearch: {

package/dist/js/colors/light_high_contrast.js

@@ -196,7 +196,10 @@ exports.default = {
         "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)",
@@ -209,6 +212,7 @@ exports.default = {
     "header": {
         "text": "rgba(255,255,255,0.7)",
         "bg": "#0E1116",
+        "divider": "#ACB6C0",
         "logo": "#ffffff"
     },
     "headerSearch": {

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

@@ -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)",
@@ -207,6 +210,7 @@
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#0E1116",
+    "divider": "#ACB6C0",
     "logo": "#ffffff"
   },
   "headerSearch": {

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;

package/dist/scss/colors/_light_high_contrast.scss

@@ -156,13 +156,15 @@
     --color-avatar-stack-fade: #ACB6C0;
     --color-avatar-stack-fade-more: #CED5DC;
     --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
-    --color-topic-tag-border: rgba(0,0,0,0);
+    --color-topic-tag-border: #0349b4;
+    --color-counter-border: #20252C;
     --color-select-menu-backdrop-border: rgba(0,0,0,0);
     --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
     --color-select-menu-tap-focus-bg: #9cd7ff;
     --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #0E1116;
+    --color-header-divider: #ACB6C0;
     --color-header-logo: #ffffff;
     --color-header-search-bg: #0E1116;
     --color-header-search-border: #4B535D;

package/dist/ts/colors/dark.ts

@@ -196,6 +196,9 @@ export default {
   "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 @@ export default {
   "header": {
     "text": "rgba(240,246,252,0.7)",
     "bg": "#161b22",
+    "divider": "#8b949e",
     "logo": "#f0f6fc"
   },
   "headerSearch": {

package/dist/ts/colors/dark_colorblind.ts

@@ -196,6 +196,9 @@ export default {
   "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 @@ export default {
   "header": {
     "text": "rgba(240,246,252,0.7)",
     "bg": "#161b22",
+    "divider": "#8b949e",
     "logo": "#f0f6fc"
   },
   "headerSearch": {

package/dist/ts/colors/dark_dimmed.ts

@@ -196,6 +196,9 @@ export default {
   "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 @@ export default {
   "header": {
     "text": "rgba(205,217,229,0.7)",
     "bg": "#2d333b",
+    "divider": "#768390",
     "logo": "#cdd9e5"
   },
   "headerSearch": {

package/dist/ts/colors/dark_high_contrast.ts

@@ -23,7 +23,7 @@ export default {
       "numBg": "rgba(64,158,255,0.4)"
     },
     "expander": {
-      "icon": "#0a0c10"
+      "icon": "#f0f3f6"
     },
     "selectedLineHighlightMixBlendMode": "screen"
   },
@@ -196,6 +196,9 @@ export default {
   "topicTag": {
     "border": "#409eff"
   },
+  "counter": {
+    "border": "rgba(0,0,0,0)"
+  },
   "selectMenu": {
     "backdropBorder": "#7a828e",
     "tapHighlight": "rgba(82,89,100,0.5)",
@@ -207,6 +210,7 @@ export default {
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#272b33",
+    "divider": "#bdc4cc",
     "logo": "#ffffff"
   },
   "headerSearch": {

package/dist/ts/colors/light.ts

@@ -196,6 +196,9 @@ export default {
   "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 @@ export default {
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#24292f",
+    "divider": "#57606a",
     "logo": "#ffffff"
   },
   "headerSearch": {

package/dist/ts/colors/light_colorblind.ts

@@ -196,6 +196,9 @@ export default {
   "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 @@ export default {
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#24292f",
+    "divider": "#57606a",
     "logo": "#ffffff"
   },
   "headerSearch": {

package/dist/ts/colors/light_high_contrast.ts

@@ -194,7 +194,10 @@ export default {
     "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)",
@@ -207,6 +210,7 @@ export default {
   "header": {
     "text": "rgba(255,255,255,0.7)",
     "bg": "#0E1116",
+    "divider": "#ACB6C0",
     "logo": "#ffffff"
   },
   "headerSearch": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.1.2-rc.bfbd62f",
+  "version": "7.2.0-rc.84e0df4",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist"