@primer/primitives 7.1.1-rc.b52ea99 → 7.2.0-rc.a7c862d

package/CHANGELOG.md

@@ -1,12 +1,26 @@
 # @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
+
+* [#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
 
 - [#273](https://github.com/primer/primitives/pull/273) [`5c8d9a9`](https://github.com/primer/primitives/commit/5c8d9a99fca308bc23ba03e29a2a8ef2eef947fa) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Border improvements
 
-* [#274](https://github.com/primer/primitives/pull/274) [`f071312`](https://github.com/primer/primitives/commit/f0713123fd89552fab1b38e6f2be88747d9d8f1a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved contrast for change highlights in diff
+* [#276](https://github.com/primer/primitives/pull/276) [`f2d41ec`](https://github.com/primer/primitives/commit/f2d41ec00c70a5e794dc76567098ebcb11fbed8a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved button states for light HC
+
+- [#274](https://github.com/primer/primitives/pull/274) [`f071312`](https://github.com/primer/primitives/commit/f0713123fd89552fab1b38e6f2be88747d9d8f1a) Thanks [@Juliusschaeper](https://github.com/Juliusschaeper)! - Improved contrast for change highlights in diff
 
 ## 7.1.0
 

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,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,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,88 +250,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 +344,9 @@ exports.default = {
         }
     },
     "fg": {
-        "default": "#24292F",
-        "muted": "#24292F",
-        "subtle": "#67707A",
+        "default": "#0E1116",
+        "muted": "#0E1116",
+        "subtle": "#66707B",
         "onEmphasis": "#ffffff"
     },
     "canvas": {
@@ -353,9 +356,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 +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",