@primer/primitives 7.1.1-rc.71c4e0c → 7.2.0-rc.8d4adcc

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @primer/primitives
 
+## 7.2.0
+
+### Minor Changes
+
+- [#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
+
 ## 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;

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)",

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;

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)",

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;

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)",

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;

package/dist/js/colors/dark_high_contrast.js

@@ -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)",

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;
@@ -640,6 +643,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -1083,6 +1089,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -1526,6 +1535,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -1969,6 +1981,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -2412,6 +2427,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;
@@ -2855,6 +2873,9 @@ declare const _default: {
         topicTag: {
             border: string;
         };
+        counter: {
+            border: string;
+        };
         selectMenu: {
             backdropBorder: string;
             tapHighlight: string;

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;

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)",

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;

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)",

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;

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,7 +25,7 @@ exports.default = {
             "numBg": "#9cd7ff"
         },
         "expander": {
-            "icon": "#24292F"
+            "icon": "#0E1116"
         },
         "selectedLineHighlightMixBlendMode": "multiply"
     },
@@ -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)"
@@ -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)",
@@ -204,16 +207,16 @@ 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",
         "logo": "#ffffff"
     },
     "headerSearch": {
-        "bg": "#24292F",
-        "border": "#4F5760"
+        "bg": "#0E1116",
+        "border": "#4B535D"
     },
     "sidenav": {
         "selectedBg": "#ffffff"
@@ -228,11 +231,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,7 +250,7 @@ exports.default = {
         "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)",
@@ -324,11 +327,11 @@ exports.default = {
         }
     },
     "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)",
@@ -341,9 +344,9 @@ exports.default = {
         }
     },
     "fg": {
-        "default": "#24292F",
-        "muted": "#24292F",
-        "subtle": "#67707A",
+        "default": "#0E1116",
+        "muted": "#0E1116",
+        "subtle": "#66707B",
         "onEmphasis": "#ffffff"
     },
     "canvas": {
@@ -353,7 +356,7 @@ exports.default = {
         "subtle": "#E7ECF0"
     },
     "border": {
-        "default": "#30363D",
+        "default": "#20252C",
         "muted": "#88929D",
         "subtle": "rgba(1,4,9,0.8)"
     },
@@ -364,8 +367,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 +441,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;
@@ -641,6 +644,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -1084,6 +1090,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -1527,6 +1536,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -1970,6 +1982,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -2413,6 +2428,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;
@@ -2856,6 +2874,9 @@ declare const _default: {
             topicTag: {
                 border: string;
             };
+            counter: {
+                border: string;
+            };
             selectMenu: {
                 backdropBorder: string;
                 tapHighlight: string;

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)",

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)",

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)",

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)",

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)",

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)",