@primer/primitives 7.11.8-rc.802463c → 7.11.8-rc.895a7d7

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

@@ -285,99 +285,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 */
+  --color-scale-black: #1f2328;
+  --color-scale-transparent: #ffffff00;
+  --color-scale-white: #ffffff;
+  --color-scale-gray-0: #f6f8fa;
+  --color-scale-gray-1: #eaeef2;
+  --color-scale-gray-2: #d0d7de;
+  --color-scale-gray-3: #afb8c1;
+  --color-scale-gray-4: #8c959f;
+  --color-scale-gray-5: #6e7781;
+  --color-scale-gray-6: #57606a;
+  --color-scale-gray-7: #424a53;
+  --color-scale-gray-8: #32383f;
+  --color-scale-gray-9: #24292f;
+  --color-scale-blue-0: #ddf4ff;
+  --color-scale-blue-1: #b6e3ff;
+  --color-scale-blue-2: #80ccff;
+  --color-scale-blue-3: #54aeff;
+  --color-scale-blue-4: #218bff;
+  --color-scale-blue-5: #0969da;
+  --color-scale-blue-6: #0550ae;
+  --color-scale-blue-7: #033d8b;
+  --color-scale-blue-8: #0a3069;
+  --color-scale-blue-9: #002155;
+  --color-scale-green-0: #dafbe1;
+  --color-scale-green-1: #aceebb;
+  --color-scale-green-2: #6fdd8b;
+  --color-scale-green-3: #4ac26b;
+  --color-scale-green-4: #2da44e;
+  --color-scale-green-5: #1a7f37;
+  --color-scale-green-6: #116329;
+  --color-scale-green-7: #044f1e;
+  --color-scale-green-8: #003d16;
+  --color-scale-green-9: #002d11;
+  --color-scale-yellow-0: #fff8c5;
+  --color-scale-yellow-1: #fae17d;
+  --color-scale-yellow-2: #eac54f;
+  --color-scale-yellow-3: #d4a72c;
+  --color-scale-yellow-4: #bf8700;
+  --color-scale-yellow-5: #9a6700;
+  --color-scale-yellow-6: #7d4e00;
+  --color-scale-yellow-7: #633c01;
+  --color-scale-yellow-8: #4d2d00;
+  --color-scale-yellow-9: #3b2300;
+  --color-scale-orange-0: #fff1e5;
+  --color-scale-orange-1: #ffd8b5;
+  --color-scale-orange-2: #ffb77c;
+  --color-scale-orange-3: #fb8f44;
+  --color-scale-orange-4: #e16f24;
+  --color-scale-orange-5: #bc4c00;
+  --color-scale-orange-6: #953800;
+  --color-scale-orange-7: #762c00;
+  --color-scale-orange-8: #5c2200;
+  --color-scale-orange-9: #471700;
+  --color-scale-red-0: #ffebe9;
+  --color-scale-red-1: #ffcecb;
+  --color-scale-red-2: #ffaba8;
+  --color-scale-red-3: #ff8182;
+  --color-scale-red-4: #fa4549;
+  --color-scale-red-5: #cf222e;
+  --color-scale-red-6: #a40e26;
+  --color-scale-red-7: #82071e;
+  --color-scale-red-8: #660018;
+  --color-scale-red-9: #4c0014;
+  --color-scale-purple-0: #fbefff;
+  --color-scale-purple-1: #ecd8ff;
+  --color-scale-purple-2: #d8b9ff;
+  --color-scale-purple-3: #c297ff;
+  --color-scale-purple-4: #a475f9;
+  --color-scale-purple-5: #8250df;
+  --color-scale-purple-6: #6639ba;
+  --color-scale-purple-7: #512a97;
+  --color-scale-purple-8: #3e1f79;
+  --color-scale-purple-9: #2e1461;
+  --color-scale-pink-0: #ffeff7;
+  --color-scale-pink-1: #ffd3eb;
+  --color-scale-pink-2: #ffadda;
+  --color-scale-pink-3: #ff80c8;
+  --color-scale-pink-4: #e85aad;
+  --color-scale-pink-5: #bf3989;
+  --color-scale-pink-6: #99286e;
+  --color-scale-pink-7: #772057;
+  --color-scale-pink-8: #611347;
+  --color-scale-pink-9: #4d0336;
+  --color-scale-coral-0: #fff0eb;
+  --color-scale-coral-1: #ffd6cc;
+  --color-scale-coral-2: #ffb4a1;
+  --color-scale-coral-3: #fd8c73;
+  --color-scale-coral-4: #ec6547;
+  --color-scale-coral-5: #c4432b;
+  --color-scale-coral-6: #9e2f1c;
+  --color-scale-coral-7: #801f0f;
+  --color-scale-coral-8: #691105;
+  --color-scale-coral-9: #510901;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
   --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
@@ -675,99 +675,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 */
+    --color-scale-black: #1f2328;
+    --color-scale-transparent: #ffffff00;
+    --color-scale-white: #ffffff;
+    --color-scale-gray-0: #f6f8fa;
+    --color-scale-gray-1: #eaeef2;
+    --color-scale-gray-2: #d0d7de;
+    --color-scale-gray-3: #afb8c1;
+    --color-scale-gray-4: #8c959f;
+    --color-scale-gray-5: #6e7781;
+    --color-scale-gray-6: #57606a;
+    --color-scale-gray-7: #424a53;
+    --color-scale-gray-8: #32383f;
+    --color-scale-gray-9: #24292f;
+    --color-scale-blue-0: #ddf4ff;
+    --color-scale-blue-1: #b6e3ff;
+    --color-scale-blue-2: #80ccff;
+    --color-scale-blue-3: #54aeff;
+    --color-scale-blue-4: #218bff;
+    --color-scale-blue-5: #0969da;
+    --color-scale-blue-6: #0550ae;
+    --color-scale-blue-7: #033d8b;
+    --color-scale-blue-8: #0a3069;
+    --color-scale-blue-9: #002155;
+    --color-scale-green-0: #dafbe1;
+    --color-scale-green-1: #aceebb;
+    --color-scale-green-2: #6fdd8b;
+    --color-scale-green-3: #4ac26b;
+    --color-scale-green-4: #2da44e;
+    --color-scale-green-5: #1a7f37;
+    --color-scale-green-6: #116329;
+    --color-scale-green-7: #044f1e;
+    --color-scale-green-8: #003d16;
+    --color-scale-green-9: #002d11;
+    --color-scale-yellow-0: #fff8c5;
+    --color-scale-yellow-1: #fae17d;
+    --color-scale-yellow-2: #eac54f;
+    --color-scale-yellow-3: #d4a72c;
+    --color-scale-yellow-4: #bf8700;
+    --color-scale-yellow-5: #9a6700;
+    --color-scale-yellow-6: #7d4e00;
+    --color-scale-yellow-7: #633c01;
+    --color-scale-yellow-8: #4d2d00;
+    --color-scale-yellow-9: #3b2300;
+    --color-scale-orange-0: #fff1e5;
+    --color-scale-orange-1: #ffd8b5;
+    --color-scale-orange-2: #ffb77c;
+    --color-scale-orange-3: #fb8f44;
+    --color-scale-orange-4: #e16f24;
+    --color-scale-orange-5: #bc4c00;
+    --color-scale-orange-6: #953800;
+    --color-scale-orange-7: #762c00;
+    --color-scale-orange-8: #5c2200;
+    --color-scale-orange-9: #471700;
+    --color-scale-red-0: #ffebe9;
+    --color-scale-red-1: #ffcecb;
+    --color-scale-red-2: #ffaba8;
+    --color-scale-red-3: #ff8182;
+    --color-scale-red-4: #fa4549;
+    --color-scale-red-5: #cf222e;
+    --color-scale-red-6: #a40e26;
+    --color-scale-red-7: #82071e;
+    --color-scale-red-8: #660018;
+    --color-scale-red-9: #4c0014;
+    --color-scale-purple-0: #fbefff;
+    --color-scale-purple-1: #ecd8ff;
+    --color-scale-purple-2: #d8b9ff;
+    --color-scale-purple-3: #c297ff;
+    --color-scale-purple-4: #a475f9;
+    --color-scale-purple-5: #8250df;
+    --color-scale-purple-6: #6639ba;
+    --color-scale-purple-7: #512a97;
+    --color-scale-purple-8: #3e1f79;
+    --color-scale-purple-9: #2e1461;
+    --color-scale-pink-0: #ffeff7;
+    --color-scale-pink-1: #ffd3eb;
+    --color-scale-pink-2: #ffadda;
+    --color-scale-pink-3: #ff80c8;
+    --color-scale-pink-4: #e85aad;
+    --color-scale-pink-5: #bf3989;
+    --color-scale-pink-6: #99286e;
+    --color-scale-pink-7: #772057;
+    --color-scale-pink-8: #611347;
+    --color-scale-pink-9: #4d0336;
+    --color-scale-coral-0: #fff0eb;
+    --color-scale-coral-1: #ffd6cc;
+    --color-scale-coral-2: #ffb4a1;
+    --color-scale-coral-3: #fd8c73;
+    --color-scale-coral-4: #ec6547;
+    --color-scale-coral-5: #c4432b;
+    --color-scale-coral-6: #9e2f1c;
+    --color-scale-coral-7: #801f0f;
+    --color-scale-coral-8: #691105;
+    --color-scale-coral-9: #510901;
     --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/docs/functional/size/border.json

@@ -1,10 +1,12 @@
 {
   "boxShadow-thin": {
     "value": "inset 0 0 0 max(1px, 0.0625rem)",
+    "comment": "Thin shadow for borders",
     "filePath": "src/tokens/functional/size/border.json",
     "isSource": true,
     "original": {
-      "value": "inset 0 0 0 {borderWidth.thin}"
+      "value": "inset 0 0 0 {borderWidth.thin}",
+      "comment": "Thin shadow for borders"
     },
     "name": "boxShadow-thin",
     "attributes": {},

package/tokens-next-private/docs/functional/typography/typography.json

@@ -91,6 +91,7 @@
   "text-display-shorthand": {
     "value": "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -100,7 +101,8 @@
         "lineHeight": "{text.display.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports."
     },
     "name": "text-display-shorthand",
     "attributes": {},
@@ -220,6 +222,7 @@
   "text-title-shorthand-large": {
     "value": "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -229,7 +232,8 @@
         "lineHeight": "{text.title.lineHeight.large}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports."
     },
     "name": "text-title-shorthand-large",
     "attributes": {},
@@ -238,6 +242,7 @@
   "text-title-shorthand-medium": {
     "value": "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -247,7 +252,8 @@
         "lineHeight": "{text.title.lineHeight.medium}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition."
     },
     "name": "text-title-shorthand-medium",
     "attributes": {},
@@ -256,6 +262,7 @@
   "text-title-shorthand-small": {
     "value": "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Uses the same size as body (large) with a heavier weight of semibold (600).",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -265,7 +272,8 @@
         "lineHeight": "{text.title.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Uses the same size as body (large) with a heavier weight of semibold (600)."
     },
     "name": "text-title-shorthand-small",
     "attributes": {},
@@ -311,6 +319,7 @@
   "text-subtitle-shorthand": {
     "value": "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -320,7 +329,8 @@
         "lineHeight": "{text.subtitle.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium)."
     },
     "name": "text-subtitle-shorthand",
     "attributes": {},
@@ -414,6 +424,7 @@
   "text-body-shorthand-large": {
     "value": "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "User-generated content, markdown rendering.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -423,7 +434,8 @@
         "lineHeight": "{text.body.lineHeight.large}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "User-generated content, markdown rendering."
     },
     "name": "text-body-shorthand-large",
     "attributes": {},
@@ -432,6 +444,7 @@
   "text-body-shorthand-medium": {
     "value": "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Default UI font. Most commonly used for body text.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -441,7 +454,8 @@
         "lineHeight": "{text.body.lineHeight.medium}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Default UI font. Most commonly used for body text."
     },
     "name": "text-body-shorthand-medium",
     "attributes": {},
@@ -450,6 +464,7 @@
   "text-body-shorthand-small": {
     "value": "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -459,7 +474,8 @@
         "lineHeight": "{text.body.lineHeight.small}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px."
     },
     "name": "text-body-shorthand-small",
     "attributes": {},
@@ -505,6 +521,7 @@
   "text-caption-shorthand": {
     "value": "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "$type": "typography",
+    "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -514,7 +531,8 @@
         "lineHeight": "{text.caption.lineHeight}",
         "fontFamily": "{fontStack.sansSerif}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements."
     },
     "name": "text-caption-shorthand",
     "attributes": {},
@@ -558,6 +576,7 @@
   "text-codeBlock-shorthand": {
     "value": "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "$type": "typography",
+    "comment": "Default style for rendering code blocks.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -567,7 +586,8 @@
         "lineHeight": "{text.codeBlock.lineHeight}",
         "fontFamily": "{fontStack.monospace}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Default style for rendering code blocks."
     },
     "name": "text-codeBlock-shorthand",
     "attributes": {},
@@ -602,6 +622,7 @@
   "text-codeInline-shorthand": {
     "value": "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "$type": "typography",
+    "comment": "Inline code blocks using em units to inherit size from its parent.",
     "filePath": "src/tokens/functional/typography/typography.json",
     "isSource": true,
     "original": {
@@ -610,7 +631,8 @@
         "fontSize": "{text.codeInline.size}",
         "fontFamily": "{fontStack.monospace}"
       },
-      "$type": "typography"
+      "$type": "typography",
+      "comment": "Inline code blocks using em units to inherit size from its parent."
     },
     "name": "text-codeInline-shorthand",
     "attributes": {},

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

@@ -1,6 +1,6 @@
 @mixin primer-colors-border {
   & {
-    --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
+    --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); /* Thin shadow for borders */
     --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
     --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
     --borderWidth-thin: max(1px, 0.0625rem);