@primer/primitives 7.15.3 → 7.15.4-rc.08151ca

package/dist/js/colors/dark.js

@@ -26,7 +26,7 @@ exports.default = {
             "numBg": "rgba(56,139,253,0.4)"
         },
         "expander": {
-            "icon": "#7d8590"
+            "icon": "#848d97"
         },
         "selectedLineHighlightMixBlendMode": "screen"
     },
@@ -78,7 +78,7 @@ exports.default = {
         "guttersBg": "#0d1117",
         "guttermarkerText": "#0d1117",
         "guttermarkerSubtleText": "#6e7681",
-        "linenumberText": "#7d8590",
+        "linenumberText": "#848d97",
         "cursor": "#e6edf3",
         "selectionBg": "rgba(56,139,253,0.4)",
         "activelineBg": "rgba(110,118,129,0.1)",
@@ -100,12 +100,12 @@ exports.default = {
         "runBorderWidth": "1px",
         "containerBorderWidth": "1px",
         "textPrimary": "#e6edf3",
-        "textSecondary": "#7d8590",
+        "textSecondary": "#848d97",
         "textLink": "#2f81f7",
-        "btnIcon": "#7d8590",
+        "btnIcon": "#848d97",
         "btnHoverIcon": "#e6edf3",
         "btnHoverBg": "rgba(110,118,129,0.1)",
-        "inputText": "#7d8590",
+        "inputText": "#848d97",
         "inputPlaceholderText": "#6e7681",
         "inputFocusText": "#e6edf3",
         "inputBg": "#161b22",
@@ -123,11 +123,11 @@ exports.default = {
         "dropdownBtnHoverText": "#e6edf3",
         "dropdownBtnHoverBg": "rgba(110,118,129,0.1)",
         "scrollbarThumbBg": "rgba(110,118,129,0.4)",
-        "headerLabelText": "#7d8590",
+        "headerLabelText": "#848d97",
         "headerLabelOpenText": "#e6edf3",
         "headerBorder": "#21262d",
-        "headerIcon": "#7d8590",
-        "lineText": "#7d8590",
+        "headerIcon": "#848d97",
+        "lineText": "#848d97",
         "lineNumText": "#6e7681",
         "lineTimestampText": "#6e7681",
         "lineHoverBg": "rgba(110,118,129,0.1)",
@@ -136,18 +136,18 @@ exports.default = {
         "lineDtFmText": "#ffffff",
         "lineDtFmBg": "#9e6a03",
         "gateBg": "rgba(187,128,9,0.15)",
-        "gateText": "#7d8590",
+        "gateText": "#848d97",
         "gateWaitingText": "#d29922",
         "stepHeaderOpenBg": "#161b22",
         "stepErrorText": "#f85149",
         "stepWarningText": "#d29922",
-        "loglineText": "#7d8590",
+        "loglineText": "#848d97",
         "loglineNumText": "#6e7681",
         "loglineDebugText": "#a371f7",
-        "loglineErrorText": "#7d8590",
+        "loglineErrorText": "#848d97",
         "loglineErrorNumText": "#6e7681",
         "loglineErrorBg": "rgba(248,81,73,0.1)",
-        "loglineWarningText": "#7d8590",
+        "loglineWarningText": "#848d97",
         "loglineWarningNumText": "#d29922",
         "loglineWarningBg": "rgba(187,128,9,0.15)",
         "loglineCommandText": "#2f81f7",
@@ -356,7 +356,7 @@ exports.default = {
         "hoverBg": "hsla(215,8%,72%,0.1)",
         "activeBg": "rgba(110,118,129,0.4)",
         "disabledBg": "#21262d",
-        "fg": "#7d8590",
+        "fg": "#848d97",
         "disabledFg": "#010409",
         "border": "rgba(0,0,0,0)",
         "checked": {
@@ -398,12 +398,12 @@ exports.default = {
             "hoverBg": "rgba(177,186,196,0.12)"
         },
         "directory": {
-            "fill": "#7d8590"
+            "fill": "#848d97"
         }
     },
     "fg": {
         "default": "#e6edf3",
-        "muted": "#7d8590",
+        "muted": "#848d97",
         "subtle": "#6e7681",
         "onEmphasis": "#ffffff"
     },

package/dist/js/colors/light.js

@@ -40,7 +40,7 @@ exports.default = {
     },
     "prettylights": {
         "syntax": {
-            "comment": "#6e7781",
+            "comment": "#57606a",
             "constant": "#0550ae",
             "entity": "#6639ba",
             "storageModifierImport": "#24292f",

package/dist/js/colors/light_colorblind.js

@@ -40,7 +40,7 @@ exports.default = {
     },
     "prettylights": {
         "syntax": {
-            "comment": "#6e7781",
+            "comment": "#57606a",
             "constant": "#0550ae",
             "entity": "#6639ba",
             "storageModifierImport": "#24292f",

package/dist/js/colors/light_high_contrast.js

@@ -40,7 +40,7 @@ exports.default = {
     },
     "prettylights": {
         "syntax": {
-            "comment": "#66707b",
+            "comment": "#4b535d",
             "constant": "#023b95",
             "entity": "#512598",
             "storageModifierImport": "#0e1116",

package/dist/js/colors/light_tritanopia.js

@@ -40,7 +40,7 @@ exports.default = {
     },
     "prettylights": {
         "syntax": {
-            "comment": "#6e7781",
+            "comment": "#57606a",
             "constant": "#0550ae",
             "entity": "#6639ba",
             "storageModifierImport": "#24292f",

package/dist/json/colors/dark.json

@@ -24,7 +24,7 @@
       "numBg": "rgba(56,139,253,0.4)"
     },
     "expander": {
-      "icon": "#7d8590"
+      "icon": "#848d97"
     },
     "selectedLineHighlightMixBlendMode": "screen"
   },
@@ -76,7 +76,7 @@
     "guttersBg": "#0d1117",
     "guttermarkerText": "#0d1117",
     "guttermarkerSubtleText": "#6e7681",
-    "linenumberText": "#7d8590",
+    "linenumberText": "#848d97",
     "cursor": "#e6edf3",
     "selectionBg": "rgba(56,139,253,0.4)",
     "activelineBg": "rgba(110,118,129,0.1)",
@@ -98,12 +98,12 @@
     "runBorderWidth": "1px",
     "containerBorderWidth": "1px",
     "textPrimary": "#e6edf3",
-    "textSecondary": "#7d8590",
+    "textSecondary": "#848d97",
     "textLink": "#2f81f7",
-    "btnIcon": "#7d8590",
+    "btnIcon": "#848d97",
     "btnHoverIcon": "#e6edf3",
     "btnHoverBg": "rgba(110,118,129,0.1)",
-    "inputText": "#7d8590",
+    "inputText": "#848d97",
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#e6edf3",
     "inputBg": "#161b22",
@@ -121,11 +121,11 @@
     "dropdownBtnHoverText": "#e6edf3",
     "dropdownBtnHoverBg": "rgba(110,118,129,0.1)",
     "scrollbarThumbBg": "rgba(110,118,129,0.4)",
-    "headerLabelText": "#7d8590",
+    "headerLabelText": "#848d97",
     "headerLabelOpenText": "#e6edf3",
     "headerBorder": "#21262d",
-    "headerIcon": "#7d8590",
-    "lineText": "#7d8590",
+    "headerIcon": "#848d97",
+    "lineText": "#848d97",
     "lineNumText": "#6e7681",
     "lineTimestampText": "#6e7681",
     "lineHoverBg": "rgba(110,118,129,0.1)",
@@ -134,18 +134,18 @@
     "lineDtFmText": "#ffffff",
     "lineDtFmBg": "#9e6a03",
     "gateBg": "rgba(187,128,9,0.15)",
-    "gateText": "#7d8590",
+    "gateText": "#848d97",
     "gateWaitingText": "#d29922",
     "stepHeaderOpenBg": "#161b22",
     "stepErrorText": "#f85149",
     "stepWarningText": "#d29922",
-    "loglineText": "#7d8590",
+    "loglineText": "#848d97",
     "loglineNumText": "#6e7681",
     "loglineDebugText": "#a371f7",
-    "loglineErrorText": "#7d8590",
+    "loglineErrorText": "#848d97",
     "loglineErrorNumText": "#6e7681",
     "loglineErrorBg": "rgba(248,81,73,0.1)",
-    "loglineWarningText": "#7d8590",
+    "loglineWarningText": "#848d97",
     "loglineWarningNumText": "#d29922",
     "loglineWarningBg": "rgba(187,128,9,0.15)",
     "loglineCommandText": "#2f81f7",
@@ -354,7 +354,7 @@
     "hoverBg": "hsla(215,8%,72%,0.1)",
     "activeBg": "rgba(110,118,129,0.4)",
     "disabledBg": "#21262d",
-    "fg": "#7d8590",
+    "fg": "#848d97",
     "disabledFg": "#010409",
     "border": "rgba(0,0,0,0)",
     "checked": {
@@ -396,12 +396,12 @@
       "hoverBg": "rgba(177,186,196,0.12)"
     },
     "directory": {
-      "fill": "#7d8590"
+      "fill": "#848d97"
     }
   },
   "fg": {
     "default": "#e6edf3",
-    "muted": "#7d8590",
+    "muted": "#848d97",
     "subtle": "#6e7681",
     "onEmphasis": "#ffffff"
   },

package/dist/json/colors/light.json

@@ -38,7 +38,7 @@
   },
   "prettylights": {
     "syntax": {
-      "comment": "#6e7781",
+      "comment": "#57606a",
       "constant": "#0550ae",
       "entity": "#6639ba",
       "storageModifierImport": "#24292f",

package/dist/json/colors/light_colorblind.json

@@ -38,7 +38,7 @@
   },
   "prettylights": {
     "syntax": {
-      "comment": "#6e7781",
+      "comment": "#57606a",
       "constant": "#0550ae",
       "entity": "#6639ba",
       "storageModifierImport": "#24292f",

package/dist/json/colors/light_high_contrast.json

@@ -38,7 +38,7 @@
   },
   "prettylights": {
     "syntax": {
-      "comment": "#66707b",
+      "comment": "#4b535d",
       "constant": "#023b95",
       "entity": "#512598",
       "storageModifierImport": "#0e1116",

package/dist/json/colors/light_tritanopia.json

@@ -38,7 +38,7 @@
   },
   "prettylights": {
     "syntax": {
-      "comment": "#6e7781",
+      "comment": "#57606a",
       "constant": "#0550ae",
       "entity": "#6639ba",
       "storageModifierImport": "#24292f",

package/dist/scss/colors/_dark.scss

@@ -15,7 +15,7 @@
     --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1);
     --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
     --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
-    --color-diff-blob-expander-icon: #7d8590;
+    --color-diff-blob-expander-icon: #848d97;
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
     --color-diffstat-deletion-border: rgba(240,246,252,0.1);
     --color-diffstat-addition-border: rgba(240,246,252,0.1);
@@ -56,7 +56,7 @@
     --color-codemirror-gutters-bg: #0d1117;
     --color-codemirror-guttermarker-text: #0d1117;
     --color-codemirror-guttermarker-subtle-text: #6e7681;
-    --color-codemirror-linenumber-text: #7d8590;
+    --color-codemirror-linenumber-text: #848d97;
     --color-codemirror-cursor: #e6edf3;
     --color-codemirror-selection-bg: rgba(56,139,253,0.4);
     --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
@@ -74,12 +74,12 @@
     --color-checks-run-border-width: 1px;
     --color-checks-container-border-width: 1px;
     --color-checks-text-primary: #e6edf3;
-    --color-checks-text-secondary: #7d8590;
+    --color-checks-text-secondary: #848d97;
     --color-checks-text-link: #2f81f7;
-    --color-checks-btn-icon: #7d8590;
+    --color-checks-btn-icon: #848d97;
     --color-checks-btn-hover-icon: #e6edf3;
     --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
-    --color-checks-input-text: #7d8590;
+    --color-checks-input-text: #848d97;
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #e6edf3;
     --color-checks-input-bg: #161b22;
@@ -97,11 +97,11 @@
     --color-checks-dropdown-btn-hover-text: #e6edf3;
     --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
     --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
-    --color-checks-header-label-text: #7d8590;
+    --color-checks-header-label-text: #848d97;
     --color-checks-header-label-open-text: #e6edf3;
     --color-checks-header-border: #21262d;
-    --color-checks-header-icon: #7d8590;
-    --color-checks-line-text: #7d8590;
+    --color-checks-header-icon: #848d97;
+    --color-checks-line-text: #848d97;
     --color-checks-line-num-text: #6e7681;
     --color-checks-line-timestamp-text: #6e7681;
     --color-checks-line-hover-bg: rgba(110,118,129,0.1);
@@ -110,18 +110,18 @@
     --color-checks-line-dt-fm-text: #ffffff;
     --color-checks-line-dt-fm-bg: #9e6a03;
     --color-checks-gate-bg: rgba(187,128,9,0.15);
-    --color-checks-gate-text: #7d8590;
+    --color-checks-gate-text: #848d97;
     --color-checks-gate-waiting-text: #d29922;
     --color-checks-step-header-open-bg: #161b22;
     --color-checks-step-error-text: #f85149;
     --color-checks-step-warning-text: #d29922;
-    --color-checks-logline-text: #7d8590;
+    --color-checks-logline-text: #848d97;
     --color-checks-logline-num-text: #6e7681;
     --color-checks-logline-debug-text: #a371f7;
-    --color-checks-logline-error-text: #7d8590;
+    --color-checks-logline-error-text: #848d97;
     --color-checks-logline-error-num-text: #6e7681;
     --color-checks-logline-error-bg: rgba(248,81,73,0.1);
-    --color-checks-logline-warning-text: #7d8590;
+    --color-checks-logline-warning-text: #848d97;
     --color-checks-logline-warning-num-text: #d29922;
     --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
     --color-checks-logline-command-text: #2f81f7;
@@ -272,7 +272,7 @@
     --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
     --color-switch-track-active-bg: rgba(110,118,129,0.4);
     --color-switch-track-disabled-bg: #21262d;
-    --color-switch-track-fg: #7d8590;
+    --color-switch-track-fg: #848d97;
     --color-switch-track-disabled-fg: #010409;
     --color-switch-track-border: rgba(0,0,0,0);
     --color-switch-track-checked-bg: rgba(31,111,235,0.35);
@@ -293,9 +293,9 @@
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
     --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
-    --color-tree-view-item-directory-fill: #7d8590;
+    --color-tree-view-item-directory-fill: #848d97;
     --color-fg-default: #e6edf3;
-    --color-fg-muted: #7d8590;
+    --color-fg-muted: #848d97;
     --color-fg-subtle: #6e7681;
     --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #0d1117;

package/dist/scss/colors/_light.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(31,35,40,0.15);
     --color-diffstat-addition-bg: #1f883d;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;

package/dist/scss/colors/_light_colorblind.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;

package/dist/scss/colors/_light_high_contrast.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(1,4,9,0.8);
     --color-diffstat-addition-bg: #055d20;
     --color-search-keyword-hl: #fcf7be;
-    --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-comment: #4b535d;
     --color-prettylights-syntax-constant: #023b95;
     --color-prettylights-syntax-entity: #512598;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;

package/dist/scss/colors/_light_tritanopia.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;

package/dist/ts/colors/dark.ts

@@ -24,7 +24,7 @@ export default {
       "numBg": "rgba(56,139,253,0.4)"
     },
     "expander": {
-      "icon": "#7d8590"
+      "icon": "#848d97"
     },
     "selectedLineHighlightMixBlendMode": "screen"
   },
@@ -76,7 +76,7 @@ export default {
     "guttersBg": "#0d1117",
     "guttermarkerText": "#0d1117",
     "guttermarkerSubtleText": "#6e7681",
-    "linenumberText": "#7d8590",
+    "linenumberText": "#848d97",
     "cursor": "#e6edf3",
     "selectionBg": "rgba(56,139,253,0.4)",
     "activelineBg": "rgba(110,118,129,0.1)",
@@ -98,12 +98,12 @@ export default {
     "runBorderWidth": "1px",
     "containerBorderWidth": "1px",
     "textPrimary": "#e6edf3",
-    "textSecondary": "#7d8590",
+    "textSecondary": "#848d97",
     "textLink": "#2f81f7",
-    "btnIcon": "#7d8590",
+    "btnIcon": "#848d97",
     "btnHoverIcon": "#e6edf3",
     "btnHoverBg": "rgba(110,118,129,0.1)",
-    "inputText": "#7d8590",
+    "inputText": "#848d97",
     "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#e6edf3",
     "inputBg": "#161b22",
@@ -121,11 +121,11 @@ export default {
     "dropdownBtnHoverText": "#e6edf3",
     "dropdownBtnHoverBg": "rgba(110,118,129,0.1)",
     "scrollbarThumbBg": "rgba(110,118,129,0.4)",
-    "headerLabelText": "#7d8590",
+    "headerLabelText": "#848d97",
     "headerLabelOpenText": "#e6edf3",
     "headerBorder": "#21262d",
-    "headerIcon": "#7d8590",
-    "lineText": "#7d8590",
+    "headerIcon": "#848d97",
+    "lineText": "#848d97",
     "lineNumText": "#6e7681",
     "lineTimestampText": "#6e7681",
     "lineHoverBg": "rgba(110,118,129,0.1)",
@@ -134,18 +134,18 @@ export default {
     "lineDtFmText": "#ffffff",
     "lineDtFmBg": "#9e6a03",
     "gateBg": "rgba(187,128,9,0.15)",
-    "gateText": "#7d8590",
+    "gateText": "#848d97",
     "gateWaitingText": "#d29922",
     "stepHeaderOpenBg": "#161b22",
     "stepErrorText": "#f85149",
     "stepWarningText": "#d29922",
-    "loglineText": "#7d8590",
+    "loglineText": "#848d97",
     "loglineNumText": "#6e7681",
     "loglineDebugText": "#a371f7",
-    "loglineErrorText": "#7d8590",
+    "loglineErrorText": "#848d97",
     "loglineErrorNumText": "#6e7681",
     "loglineErrorBg": "rgba(248,81,73,0.1)",
-    "loglineWarningText": "#7d8590",
+    "loglineWarningText": "#848d97",
     "loglineWarningNumText": "#d29922",
     "loglineWarningBg": "rgba(187,128,9,0.15)",
     "loglineCommandText": "#2f81f7",
@@ -354,7 +354,7 @@ export default {
     "hoverBg": "hsla(215,8%,72%,0.1)",
     "activeBg": "rgba(110,118,129,0.4)",
     "disabledBg": "#21262d",
-    "fg": "#7d8590",
+    "fg": "#848d97",
     "disabledFg": "#010409",
     "border": "rgba(0,0,0,0)",
     "checked": {
@@ -396,12 +396,12 @@ export default {
       "hoverBg": "rgba(177,186,196,0.12)"
     },
     "directory": {
-      "fill": "#7d8590"
+      "fill": "#848d97"
     }
   },
   "fg": {
     "default": "#e6edf3",
-    "muted": "#7d8590",
+    "muted": "#848d97",
     "subtle": "#6e7681",
     "onEmphasis": "#ffffff"
   },

package/dist/ts/colors/light.ts

@@ -38,7 +38,7 @@ export default {
   },
   "prettylights": {
     "syntax": {
-      "comment": "#6e7781",
+      "comment": "#57606a",
       "constant": "#0550ae",
       "entity": "#6639ba",
       "storageModifierImport": "#24292f",

package/dist/ts/colors/light_colorblind.ts

@@ -38,7 +38,7 @@ export default {
   },
   "prettylights": {
     "syntax": {
-      "comment": "#6e7781",
+      "comment": "#57606a",
       "constant": "#0550ae",
       "entity": "#6639ba",
       "storageModifierImport": "#24292f",

package/dist/ts/colors/light_high_contrast.ts

@@ -38,7 +38,7 @@ export default {
   },
   "prettylights": {
     "syntax": {
-      "comment": "#66707b",
+      "comment": "#4b535d",
       "constant": "#023b95",
       "entity": "#512598",
       "storageModifierImport": "#0e1116",

package/dist/ts/colors/light_tritanopia.ts

@@ -38,7 +38,7 @@ export default {
   },
   "prettylights": {
     "syntax": {
-      "comment": "#6e7781",
+      "comment": "#57606a",
       "constant": "#0550ae",
       "entity": "#6639ba",
       "storageModifierImport": "#24292f",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.3",
+  "version": "7.15.4-rc.08151ca",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",

package/tokens-next-private/css/functional/size/breakpoints.css

@@ -4,5 +4,5 @@
   --breakpoint-medium: 48rem;
   --breakpoint-large: 63.25rem;
   --breakpoint-xlarge: 80rem;
-  --breakpoint-xxlarge: 90rem;
+  --breakpoint-xxlarge: 87.5rem;
 }

package/tokens-next-private/css/functional/size/viewport.css

@@ -1,6 +1,6 @@
 @custom-media --viewportRange-narrow (max-width: calc(48rem - 0.02px));
 @custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
 @custom-media --viewportRange-regular (min-width: 48rem);
-@custom-media --viewportRange-wide (min-width: 90rem);
+@custom-media --viewportRange-wide (min-width: 87.5rem);
 @custom-media --viewportRange-portrait (orientation: portrait);
 @custom-media --viewportRange-landscape (orientation: landscape);