@primer/primitives 7.11.5 → 7.11.6-rc.2fe33f9

package/tokens-next-private/scss/functional/themes/light-colorblind.scss

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:52 GMT
- */
-
 @mixin primer-colors-light-colorblind {
   & {
     --topicTag-borderColor: #ffffff00;
@@ -42,8 +37,6 @@
     --codeMirror-syntax-fgColor-variable: #8a4600;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #ffffff;
-    --header-fgColor-text: #ffffffb3;
-    --header-fgColor-borderColor: #57606a;
     --header-bgColor: #24292f;
     --header-borderColor-divider: #57606a;
     --headerSearch-bgColor: #24292f;
@@ -169,7 +162,7 @@
     --buttonCounter-danger-bgColor-disabled: #b359000d;
     --buttonCounter-danger-bgColor-rest: #b359001a;
     --focus-outlineColor: #0969da;
-    --focus-outline: #0969da solid 1px;
+    --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-backdrop-bgColor: #8c959f33;
@@ -267,6 +260,99 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #002155; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #fff5e8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffddb0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffbc6d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #f79939; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #dd7815; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #b35900; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #8a4600; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #6f3800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #572c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #412000; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #fff5e8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffddb0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffbc6d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #f79939; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #dd7815; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #b35900; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #8a4600; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #6f3800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #572c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #412000; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */
     --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
     --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;

package/tokens-next-private/scss/functional/themes/light-high-contrast.scss

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:52 GMT
- */
-
 @mixin primer-colors-light-high-contrast {
   & {
     --topicTag-borderColor: #0349b4;
@@ -42,8 +37,6 @@
     --codeMirror-syntax-fgColor-variable: #702c00;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #ffffff;
-    --header-fgColor-text: #ffffffb3;
-    --header-fgColor-borderColor: #4b535d;
     --header-bgColor: #0e1116;
     --header-borderColor-divider: #acb6c0;
     --headerSearch-bgColor: #0e1116;
@@ -169,7 +162,7 @@
     --buttonCounter-danger-bgColor-disabled: #a0111f0d;
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
     --focus-outlineColor: #0349b4;
-    --focus-outline: #0349b4 solid 1px;
+    --focus-outline: #0349b4 solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-backdrop-bgColor: #88929d33;
@@ -196,7 +189,7 @@
     --fgColor-open: #055d20;
     --fgColor-closed: #8a071e;
     --fgColor-done: #622cbc;
-    --fgColor-sponsors: #bf3989;
+    --fgColor-sponsors: #971368;
     --bgColor-default: #ffffff;
     --bgColor-muted: #e7ecf0;
     --bgColor-emphasis: #0e1116;
@@ -219,8 +212,8 @@
     --bgColor-closed-emphasis: #a0111f;
     --bgColor-done-muted: #faf0fe;
     --bgColor-done-emphasis: #622cbc;
-    --bgColor-sponsors-muted: #3e022b;
-    --bgColor-sponsors-emphasis: #bf3989;
+    --bgColor-sponsors-muted: #feeff7;
+    --bgColor-sponsors-emphasis: #971368;
     --borderColor-default: #20252c;
     --borderColor-muted: #88929d;
     --borderColor-emphasis: #66707b;
@@ -243,8 +236,8 @@
     --borderColor-closed-emphasis: #a0111f;
     --borderColor-done-muted: #a371f7;
     --borderColor-done-emphasis: #622cbc;
-    --borderColor-sponsors-muted: #ff80c8;
-    --borderColor-sponsors-emphasis: #bf3989;
+    --borderColor-sponsors-muted: #ed4baf;
+    --borderColor-sponsors-emphasis: #971368;
     --color-ansi-black-bright: #4b535d;
     --color-ansi-white-bright: #88929d;
     --color-ansi-gray: #66707b;
@@ -267,6 +260,99 @@
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
+    --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-1: #e7ecf0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-2: #ced5dc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-3: #acb6c0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-4: #88929d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-5: #66707b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-6: #4b535d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-7: #343b43; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-8: #20252c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-9: #0e1116; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-0: #dff7ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-1: #9cd7ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-2: #67b3fd; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-3: #368cf9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-4: #1168e3; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-5: #0349b4; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-6: #023b95; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-7: #022f7a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-8: #032563; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-9: #021a4a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-0: #d2fedb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #82e596; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #43c663; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #26a148; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #117f32; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #055d20; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #024c1a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #013d14; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #003110; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #00230b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-0: #fcf7be; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-1: #f0ce53; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-2: #d5a824; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-3: #b58407; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-4: #956400; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-5: #744500; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-6: #603700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-7: #4e2c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-8: #3f2200; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-9: #2e1800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #fff2d5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffc67b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #f99636; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #dc6d1a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #b45105; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #873800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #702c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #5b2300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #491b00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #361200; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #fff0ee; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffc1bc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ff8e8a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #ee5a5d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #d5232c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #a0111f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #86061d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #6e011a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #5a0016; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #430011; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-0: #faf0fe; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-1: #e0c5ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-2: #c49bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-3: #a371f7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-4: #844ae7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-5: #622cbc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-6: #512598; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-7: #411d7b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-8: #341763; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-9: #260f49; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-0: #feeff7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-1: #ffbde0; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-2: #fc87ca; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-3: #ed4baf; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-4: #c9248e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-5: #971368; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-6: #7d0c57; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-7: #660847; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-8: #53043a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-9: #3e022b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-0: #fff0ed; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-1: #ffc2b6; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-2: #ff8f7e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-3: #cd3425; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-4: #ef5b48; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-5: #9f1710; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-6: #870706; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-7: #6f0107; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-8: #5b0002; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-9: #430200; /* Avoid using scales, use other functional tokens instead */
     --shadow-inset: inset 0px 1px 0px 0px #0104090d;
     --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
     --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;

package/tokens-next-private/scss/functional/themes/light-tritanopia.scss

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:51 GMT
- */
-
 @mixin primer-colors-light-tritanopia {
   & {
     --topicTag-borderColor: #ffffff00;
@@ -42,8 +37,6 @@
     --codeMirror-syntax-fgColor-variable: #a40e26;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #ffffff;
-    --header-fgColor-text: #ffffffb3;
-    --header-fgColor-borderColor: #57606a;
     --header-bgColor: #24292f;
     --header-borderColor-divider: #57606a;
     --headerSearch-bgColor: #24292f;
@@ -169,7 +162,7 @@
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
     --focus-outlineColor: #0969da;
-    --focus-outline: #0969da solid 1px;
+    --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-backdrop-bgColor: #8c959f33;
@@ -267,6 +260,99 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #002155; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #82071e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #660018; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #82071e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #660018; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */
     --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
     --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;

package/tokens-next-private/scss/functional/themes/light.scss

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:50 GMT
- */
-
 @mixin primer-colors-light {
   & {
     --topicTag-borderColor: #ffffff00;
@@ -42,8 +37,6 @@
     --codeMirror-syntax-fgColor-variable: #953800;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #ffffff;
-    --header-fgColor-text: #ffffffb3;
-    --header-fgColor-borderColor: #57606a;
     --header-bgColor: #24292f;
     --header-borderColor-divider: #57606a;
     --headerSearch-bgColor: #24292f;
@@ -169,7 +162,7 @@
     --buttonCounter-danger-bgColor-disabled: #cf222e0d;
     --buttonCounter-danger-bgColor-rest: #cf222e1a;
     --focus-outlineColor: #0969da;
-    --focus-outline: #0969da solid 1px;
+    --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
     --overlay-bgColor: #ffffff;
     --overlay-backdrop-bgColor: #8c959f33;
@@ -267,6 +260,99 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-0: #dafbe1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-1: #aceebb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-2: #6fdd8b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-3: #4ac26b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-4: #2da44e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-5: #1a7f37; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-6: #116329; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-7: #044f1e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-8: #003d16; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-green-9: #002d11; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-0: #fff1e5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-1: #ffd8b5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-2: #ffb77c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-3: #fb8f44; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-4: #e16f24; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-5: #bc4c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-6: #953800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-7: #762c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-8: #5c2200; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-orange-9: #471700; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #82071e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #660018; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */
     --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
     --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;

package/tokens-next-private/scss/functional/typography/typography.scss

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:55 GMT
- */
-
 @mixin primer-colors-typography {
   & {
     --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
@@ -15,11 +10,16 @@
     --text-display-shorthand: 500 2.5rem / calc(56 / 40) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
     --text-title-size-large: 2rem;
     --text-title-size-medium: 1.25rem;
+    --text-title-size-small: 1rem;
     --text-title-lineHeight-large: calc(48 / 32);
     --text-title-lineHeight-medium: calc(32 / 20);
-    --text-title-weight: 600;
+    --text-title-lineHeight-small: calc(24 / 16);
+    --text-title-weight-large: 600;
+    --text-title-weight-medium: 600;
+    --text-title-weight-small: 600;
     --text-title-shorthand-large: 600 2rem / calc(48 / 32) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
     --text-title-shorthand-medium: 600 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-title-shorthand-small: 600 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
     --text-subtitle-size: 1.25rem;
     --text-subtitle-lineHeight: calc(32 / 20);
     --text-subtitle-weight: 400;
@@ -42,8 +42,8 @@
     --text-codeBlock-lineHeight: calc(20 / 13);
     --text-codeBlock-weight: 400;
     --text-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-    --text-codeInline-size: 0.05803125rem;
+    --text-codeInline-size: 0.9285em;
     --text-codeInline-weight: 400;
-    --text-codeInline-shorthand: 400 0.05803125rem ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+    --text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
   }
 }

package/tokens-next-private/ts/base/size/size.ts

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:55 GMT
- */
-
 export default {
   base: {
     size: {

package/tokens-next-private/ts/base/typography/typography.ts

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:55 GMT
- */
-
 export default {
   base: {
     text: {

package/tokens-next-private/ts/functional/size/border.ts

@@ -1,10 +1,5 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:55 GMT
- */
-
 export default {
-  borderInset: {
+  boxShadow: {
     thin: "inset 0 0 0 max(1px, 0.0625rem)",
     thick: "inset 0 0 0 max(2px, 0.125rem)",
     thicker: "inset 0 0 0 max(4px, 0.25rem)",
@@ -22,7 +17,8 @@ export default {
   },
   outline: {
     focus: {
-      offset: "0.0625rem",
+      offset: "-0.125rem",
+      width: "0.125rem",
     },
   },
 };

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

@@ -1,8 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Wed, 05 Apr 2023 07:13:55 GMT
- */
-
 export default {
   breakpoint: {
     xsmall: "20rem",