@primer/primitives 7.1.0 → 7.1.1-rc.1dffb1a

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @primer/primitives
 
+## 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
+
 ## 7.1.0
 
 ### Minor Changes

package/dist/js/colors/light_high_contrast.js

@@ -19,10 +19,10 @@ exports.default = {
             "fg": "#24292F",
             "numBg": "#FFD7D5",
             "lineBg": "#fff0ee",
-            "wordBg": "rgba(238,90,93,0.4)"
+            "wordBg": "#ee5a5d"
         },
         "hunk": {
-            "numBg": "rgba(54,140,249,0.4)"
+            "numBg": "#368cf9"
         },
         "expander": {
             "icon": "#24292F"
@@ -79,7 +79,7 @@ exports.default = {
         "guttermarkerSubtleText": "#67707A",
         "linenumberText": "#24292F",
         "cursor": "#24292F",
-        "selectionBg": "rgba(54,140,249,0.4)",
+        "selectionBg": "#368cf9",
         "activelineBg": "#E7ECF0",
         "matchingbracketText": "#24292F",
         "linesBg": "#ffffff",
@@ -354,7 +354,7 @@ exports.default = {
     },
     "border": {
         "default": "#24292F",
-        "muted": "#24292F",
+        "muted": "#88929D",
         "subtle": "rgba(1,4,9,0.9)"
     },
     "shadow": {
@@ -372,43 +372,43 @@ exports.default = {
     "accent": {
         "fg": "#0349b4",
         "emphasis": "#0349b4",
-        "muted": "rgba(54,140,249,0.4)",
+        "muted": "#368cf9",
         "subtle": "#dff7ff"
     },
     "success": {
         "fg": "#055d20",
         "emphasis": "#055d20",
-        "muted": "rgba(38,161,72,0.4)",
+        "muted": "#26a148",
         "subtle": "#d2fedb"
     },
     "attention": {
         "fg": "#744500",
         "emphasis": "#744500",
-        "muted": "rgba(181,132,7,0.4)",
+        "muted": "#b58407",
         "subtle": "#fcf7be"
     },
     "severe": {
         "fg": "#873800",
         "emphasis": "#873800",
-        "muted": "rgba(220,109,26,0.4)",
+        "muted": "#dc6d1a",
         "subtle": "#fff2d5"
     },
     "danger": {
         "fg": "#a0111f",
         "emphasis": "#a0111f",
-        "muted": "rgba(238,90,93,0.4)",
+        "muted": "#ee5a5d",
         "subtle": "#fff0ee"
     },
     "done": {
         "fg": "#622cbc",
         "emphasis": "#622cbc",
-        "muted": "rgba(163,113,247,0.4)",
+        "muted": "#a371f7",
         "subtle": "#faf0fe"
     },
     "sponsors": {
         "fg": "#971368",
         "emphasis": "#971368",
-        "muted": "rgba(237,75,175,0.4)",
+        "muted": "#ed4baf",
         "subtle": "#feeff7"
     },
     "primer": {

package/dist/json/colors/light_high_contrast.json

@@ -17,10 +17,10 @@
       "fg": "#24292F",
       "numBg": "#FFD7D5",
       "lineBg": "#fff0ee",
-      "wordBg": "rgba(238,90,93,0.4)"
+      "wordBg": "#ee5a5d"
     },
     "hunk": {
-      "numBg": "rgba(54,140,249,0.4)"
+      "numBg": "#368cf9"
     },
     "expander": {
       "icon": "#24292F"
@@ -77,7 +77,7 @@
     "guttermarkerSubtleText": "#67707A",
     "linenumberText": "#24292F",
     "cursor": "#24292F",
-    "selectionBg": "rgba(54,140,249,0.4)",
+    "selectionBg": "#368cf9",
     "activelineBg": "#E7ECF0",
     "matchingbracketText": "#24292F",
     "linesBg": "#ffffff",
@@ -352,7 +352,7 @@
   },
   "border": {
     "default": "#24292F",
-    "muted": "#24292F",
+    "muted": "#88929D",
     "subtle": "rgba(1,4,9,0.9)"
   },
   "shadow": {
@@ -370,43 +370,43 @@
   "accent": {
     "fg": "#0349b4",
     "emphasis": "#0349b4",
-    "muted": "rgba(54,140,249,0.4)",
+    "muted": "#368cf9",
     "subtle": "#dff7ff"
   },
   "success": {
     "fg": "#055d20",
     "emphasis": "#055d20",
-    "muted": "rgba(38,161,72,0.4)",
+    "muted": "#26a148",
     "subtle": "#d2fedb"
   },
   "attention": {
     "fg": "#744500",
     "emphasis": "#744500",
-    "muted": "rgba(181,132,7,0.4)",
+    "muted": "#b58407",
     "subtle": "#fcf7be"
   },
   "severe": {
     "fg": "#873800",
     "emphasis": "#873800",
-    "muted": "rgba(220,109,26,0.4)",
+    "muted": "#dc6d1a",
     "subtle": "#fff2d5"
   },
   "danger": {
     "fg": "#a0111f",
     "emphasis": "#a0111f",
-    "muted": "rgba(238,90,93,0.4)",
+    "muted": "#ee5a5d",
     "subtle": "#fff0ee"
   },
   "done": {
     "fg": "#622cbc",
     "emphasis": "#622cbc",
-    "muted": "rgba(163,113,247,0.4)",
+    "muted": "#a371f7",
     "subtle": "#faf0fe"
   },
   "sponsors": {
     "fg": "#971368",
     "emphasis": "#971368",
-    "muted": "rgba(237,75,175,0.4)",
+    "muted": "#ed4baf",
     "subtle": "#feeff7"
   },
   "primer": {

package/dist/scss/colors/_light_high_contrast.scss

@@ -12,8 +12,8 @@
     --color-diff-blob-deletion-fg: #24292F;
     --color-diff-blob-deletion-num-bg: #FFD7D5;
     --color-diff-blob-deletion-line-bg: #fff0ee;
-    --color-diff-blob-deletion-word-bg: rgba(238,90,93,0.4);
-    --color-diff-blob-hunk-num-bg: rgba(54,140,249,0.4);
+    --color-diff-blob-deletion-word-bg: #ee5a5d;
+    --color-diff-blob-hunk-num-bg: #368cf9;
     --color-diff-blob-expander-icon: #24292F;
     --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
     --color-diffstat-deletion-border: rgba(1,4,9,0.9);
@@ -57,7 +57,7 @@
     --color-codemirror-guttermarker-subtle-text: #67707A;
     --color-codemirror-linenumber-text: #24292F;
     --color-codemirror-cursor: #24292F;
-    --color-codemirror-selection-bg: rgba(54,140,249,0.4);
+    --color-codemirror-selection-bg: #368cf9;
     --color-codemirror-activeline-bg: #E7ECF0;
     --color-codemirror-matchingbracket-text: #24292F;
     --color-codemirror-lines-bg: #ffffff;
@@ -274,7 +274,7 @@
     --color-canvas-inset: #ffffff;
     --color-canvas-subtle: #E7ECF0;
     --color-border-default: #24292F;
-    --color-border-muted: #24292F;
+    --color-border-muted: #88929D;
     --color-border-subtle: rgba(1,4,9,0.9);
     --color-shadow-small: 0 1px 0 rgba(1,4,9,0.04);
     --color-shadow-medium: 0 3px 6px rgba(136,146,157,0.15);
@@ -286,31 +286,31 @@
     --color-neutral-subtle: #E7ECF0;
     --color-accent-fg: #0349b4;
     --color-accent-emphasis: #0349b4;
-    --color-accent-muted: rgba(54,140,249,0.4);
+    --color-accent-muted: #368cf9;
     --color-accent-subtle: #dff7ff;
     --color-success-fg: #055d20;
     --color-success-emphasis: #055d20;
-    --color-success-muted: rgba(38,161,72,0.4);
+    --color-success-muted: #26a148;
     --color-success-subtle: #d2fedb;
     --color-attention-fg: #744500;
     --color-attention-emphasis: #744500;
-    --color-attention-muted: rgba(181,132,7,0.4);
+    --color-attention-muted: #b58407;
     --color-attention-subtle: #fcf7be;
     --color-severe-fg: #873800;
     --color-severe-emphasis: #873800;
-    --color-severe-muted: rgba(220,109,26,0.4);
+    --color-severe-muted: #dc6d1a;
     --color-severe-subtle: #fff2d5;
     --color-danger-fg: #a0111f;
     --color-danger-emphasis: #a0111f;
-    --color-danger-muted: rgba(238,90,93,0.4);
+    --color-danger-muted: #ee5a5d;
     --color-danger-subtle: #fff0ee;
     --color-done-fg: #622cbc;
     --color-done-emphasis: #622cbc;
-    --color-done-muted: rgba(163,113,247,0.4);
+    --color-done-muted: #a371f7;
     --color-done-subtle: #faf0fe;
     --color-sponsors-fg: #971368;
     --color-sponsors-emphasis: #971368;
-    --color-sponsors-muted: rgba(237,75,175,0.4);
+    --color-sponsors-muted: #ed4baf;
     --color-sponsors-subtle: #feeff7;
     --color-primer-fg-disabled: #88929D;
     --color-primer-canvas-backdrop: rgba(1,4,9,0.5);

package/dist/ts/colors/light_high_contrast.ts

@@ -17,10 +17,10 @@ export default {
       "fg": "#24292F",
       "numBg": "#FFD7D5",
       "lineBg": "#fff0ee",
-      "wordBg": "rgba(238,90,93,0.4)"
+      "wordBg": "#ee5a5d"
     },
     "hunk": {
-      "numBg": "rgba(54,140,249,0.4)"
+      "numBg": "#368cf9"
     },
     "expander": {
       "icon": "#24292F"
@@ -77,7 +77,7 @@ export default {
     "guttermarkerSubtleText": "#67707A",
     "linenumberText": "#24292F",
     "cursor": "#24292F",
-    "selectionBg": "rgba(54,140,249,0.4)",
+    "selectionBg": "#368cf9",
     "activelineBg": "#E7ECF0",
     "matchingbracketText": "#24292F",
     "linesBg": "#ffffff",
@@ -352,7 +352,7 @@ export default {
   },
   "border": {
     "default": "#24292F",
-    "muted": "#24292F",
+    "muted": "#88929D",
     "subtle": "rgba(1,4,9,0.9)"
   },
   "shadow": {
@@ -370,43 +370,43 @@ export default {
   "accent": {
     "fg": "#0349b4",
     "emphasis": "#0349b4",
-    "muted": "rgba(54,140,249,0.4)",
+    "muted": "#368cf9",
     "subtle": "#dff7ff"
   },
   "success": {
     "fg": "#055d20",
     "emphasis": "#055d20",
-    "muted": "rgba(38,161,72,0.4)",
+    "muted": "#26a148",
     "subtle": "#d2fedb"
   },
   "attention": {
     "fg": "#744500",
     "emphasis": "#744500",
-    "muted": "rgba(181,132,7,0.4)",
+    "muted": "#b58407",
     "subtle": "#fcf7be"
   },
   "severe": {
     "fg": "#873800",
     "emphasis": "#873800",
-    "muted": "rgba(220,109,26,0.4)",
+    "muted": "#dc6d1a",
     "subtle": "#fff2d5"
   },
   "danger": {
     "fg": "#a0111f",
     "emphasis": "#a0111f",
-    "muted": "rgba(238,90,93,0.4)",
+    "muted": "#ee5a5d",
     "subtle": "#fff0ee"
   },
   "done": {
     "fg": "#622cbc",
     "emphasis": "#622cbc",
-    "muted": "rgba(163,113,247,0.4)",
+    "muted": "#a371f7",
     "subtle": "#faf0fe"
   },
   "sponsors": {
     "fg": "#971368",
     "emphasis": "#971368",
-    "muted": "rgba(237,75,175,0.4)",
+    "muted": "#ed4baf",
     "subtle": "#feeff7"
   },
   "primer": {

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@primer/primitives",
-  "version": "7.1.0",
+  "version": "7.1.1-rc.1dffb1a",
   "description": "Typography, spacing, and color primitives for Primer design system",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "main": "dist/js/index.js",
   "types": "dist/js/index.d.ts",
   "repository": "https://github.com/primer/primitives",