@primer/primitives 7.11.7 → 7.11.8-rc.08a9209

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

@@ -10,9 +10,9 @@
     --diffBlob-addition-bgColor-word: #54aeff66;
     --diffBlob-deletion-fgColor-text: #1f2328;
     --diffBlob-deletion-fgColor-num: #1f2328;
-    --diffBlob-deletion-bgColor-num: #f7993966;
-    --diffBlob-deletion-bgColor-line: #fff5e880;
-    --diffBlob-deletion-bgColor-word: #ffbc6d80;
+    --diffBlob-deletion-bgColor-num: #fb8f4466;
+    --diffBlob-deletion-bgColor-line: #fff1e580;
+    --diffBlob-deletion-bgColor-word: #ffb77c80;
     --diffBlob-hunk-bgColor-num: #54aeff66;
     --diffBlob-expander-iconColor: #636c76;
     --diffStat-addition-bgColor: #0f72e3;
@@ -30,11 +30,11 @@
     --codeMirror-syntax-fgColor-comment: #24292f;
     --codeMirror-syntax-fgColor-constant: #0550ae;
     --codeMirror-syntax-fgColor-entity: #8250df;
-    --codeMirror-syntax-fgColor-keyword: #b35900;
-    --codeMirror-syntax-fgColor-storage: #b35900;
+    --codeMirror-syntax-fgColor-keyword: #bc4c00;
+    --codeMirror-syntax-fgColor-storage: #bc4c00;
     --codeMirror-syntax-fgColor-string: #0a3069;
     --codeMirror-syntax-fgColor-support: #0550ae;
-    --codeMirror-syntax-fgColor-variable: #8a4600;
+    --codeMirror-syntax-fgColor-variable: #953800;
     --header-fgColor-default: #ffffffb3;
     --header-fgColor-logo: #ffffff;
     --header-bgColor: #24292f;
@@ -59,7 +59,7 @@
     --control-borderColor-disabled: #d0d7de;
     --control-borderColor-selected: #f6f8fa;
     --control-borderColor-success: #218bff;
-    --control-borderColor-danger: #b35900;
+    --control-borderColor-danger: #bc4c00;
     --control-borderColor-warning: #bf8700;
     --control-iconColor-rest: #636c76;
     --control-transparent-bgColor-rest: #00000000;
@@ -70,10 +70,10 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #b55b01;
-    --control-danger-fgColor-hover: #b55b01;
-    --control-danger-bgColor-hover: #fff5e8;
-    --control-danger-bgColor-active: #fff5e866;
+    --control-danger-fgColor-rest: #be4e02;
+    --control-danger-fgColor-hover: #be4e02;
+    --control-danger-bgColor-hover: #fff1e5;
+    --control-danger-bgColor-active: #fff1e566;
     --control-checked-bgColor-rest: #0969da;
     --control-checked-bgColor-hover: #0860ca;
     --control-checked-bgColor-active: #0757ba;
@@ -139,28 +139,28 @@
     --button-outline-borderColor-hover: #d0d7de;
     --button-outline-borderColor-active: #d0d7de;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
-    --button-danger-fgColor-rest: #b55b01;
+    --button-danger-fgColor-rest: #be4e02;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #b55b0180;
-    --button-danger-iconColor-rest: #b55b01;
+    --button-danger-fgColor-disabled: #be4e0280;
+    --button-danger-iconColor-rest: #be4e02;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #f6f8fa;
-    --button-danger-bgColor-hover: #8a4600;
-    --button-danger-bgColor-active: #763c00;
+    --button-danger-bgColor-hover: #953800;
+    --button-danger-bgColor-active: #7e2f00;
     --button-danger-bgColor-disabled: #f6f8fa;
     --button-danger-borderColor-rest: #d0d7de;
     --button-danger-borderColor-hover: #d0d7de;
     --button-danger-borderColor-active: #d0d7de;
-    --button-danger-shadow-selected: inset 0px 1px 0px 0px #41200033;
+    --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
     --buttonCounter-default-bgColor-rest: #eaeef280;
     --buttonCounter-primary-bgColor-rest: #ffffff33;
     --buttonCounter-outline-bgColor-rest: #0969da1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
     --buttonCounter-outline-bgColor-disabled: #0969da0d;
     --buttonCounter-danger-bgColor-hover: #ffffff33;
-    --buttonCounter-danger-bgColor-disabled: #b359000d;
-    --buttonCounter-danger-bgColor-rest: #b359001a;
+    --buttonCounter-danger-bgColor-disabled: #bc4c000d;
+    --buttonCounter-danger-bgColor-rest: #bc4c001a;
     --focus-outlineColor: #0969da;
     --focus-outline: #0969da solid 2px;
     --menu-bgColor-active: #ffffff00;
@@ -184,9 +184,9 @@
     --fgColor-accent: #0969da;
     --fgColor-success: #0969da;
     --fgColor-attention: #9a6700;
-    --fgColor-severe: #b35900;
-    --fgColor-danger: #b55b01;
-    --fgColor-open: #b35900;
+    --fgColor-severe: #bc4c00;
+    --fgColor-danger: #be4e02;
+    --fgColor-open: #bc4c00;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
     --fgColor-sponsors: #bf3989;
@@ -202,12 +202,12 @@
     --bgColor-success-emphasis: #0f72e3;
     --bgColor-attention-muted: #fff8c5;
     --bgColor-attention-emphasis: #9a6700;
-    --bgColor-severe-muted: #fff5e8;
-    --bgColor-severe-emphasis: #b35900;
-    --bgColor-danger-muted: #fff5e8;
-    --bgColor-danger-emphasis: #b35900;
-    --bgColor-open-muted: #f7993966;
-    --bgColor-open-emphasis: #dd7815;
+    --bgColor-severe-muted: #fff1e5;
+    --bgColor-severe-emphasis: #bc4c00;
+    --bgColor-danger-muted: #fff1e5;
+    --bgColor-danger-emphasis: #bc4c00;
+    --bgColor-open-muted: #fb8f4466;
+    --bgColor-open-emphasis: #e16f24;
     --bgColor-closed-muted: #afb8c166;
     --bgColor-closed-emphasis: #6e7781;
     --bgColor-done-muted: #fbefff;
@@ -226,37 +226,62 @@
     --borderColor-success-emphasis: #218bff;
     --borderColor-attention-muted: #d4a72c66;
     --borderColor-attention-emphasis: #bf8700;
-    --borderColor-severe-muted: #f7993966;
-    --borderColor-severe-emphasis: #b35900;
-    --borderColor-danger-muted: #f7993966;
-    --borderColor-danger-emphasis: #b35900;
-    --borderColor-open-muted: #f7993966;
-    --borderColor-open-emphasis: #dd7815;
+    --borderColor-severe-muted: #fb8f4466;
+    --borderColor-severe-emphasis: #bc4c00;
+    --borderColor-danger-muted: #fb8f4466;
+    --borderColor-danger-emphasis: #bc4c00;
+    --borderColor-open-muted: #fb8f4466;
+    --borderColor-open-emphasis: #e16f24;
     --borderColor-closed-muted: #afb8c166;
     --borderColor-closed-emphasis: #6e7781;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black: #24292f;
     --color-ansi-black-bright: #57606a;
+    --color-ansi-white: #6e7781;
     --color-ansi-white-bright: #8c959f;
     --color-ansi-gray: #6e7781;
-    --color-ansi-red-bright: #8a4600;
+    --color-ansi-red: #bc4c00;
+    --color-ansi-red-bright: #953800;
+    --color-ansi-green: #0550ae;
     --color-ansi-green-bright: #0969da;
+    --color-ansi-yellow: #4d2d00;
     --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue: #0969da;
     --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta: #8250df;
     --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
-    --color-prettylights-syntax-keyword: #b35900;
-    --color-prettylights-syntax-string-regexp: #0550ae;
-    --color-prettylights-syntax-variable: #8a4600;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-keyword: #bc4c00;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #762c00;
     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
-    --color-prettylights-syntax-invalid-illegal-bg: #6f3800;
-    --color-prettylights-syntax-carriage-return-bg: #b35900;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #762c00;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #bc4c00;
+    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #762c00;
+    --color-prettylights-syntax-markup-deleted-bg: #fff1e5;
+    --color-prettylights-syntax-markup-inserted-text: #0550ae;
+    --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
@@ -303,26 +328,26 @@
     --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-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: #fff1e5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-1: #ffd8b5; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-2: #ffb77c; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-3: #fb8f44; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-4: #e16f24; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-5: #bc4c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-6: #953800; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-7: #762c00; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-8: #5c2200; /* Avoid using scales, use other functional tokens instead */
+    --color-scale-red-9: #471700; /* 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 */

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

@@ -238,25 +238,50 @@
     --borderColor-done-emphasis: #622cbc;
     --borderColor-sponsors-muted: #ed4baf;
     --borderColor-sponsors-emphasis: #971368;
+    --color-ansi-black: #0e1116;
     --color-ansi-black-bright: #4b535d;
+    --color-ansi-white: #66707b;
     --color-ansi-white-bright: #88929d;
     --color-ansi-gray: #66707b;
+    --color-ansi-red: #a0111f;
     --color-ansi-red-bright: #86061d;
+    --color-ansi-green: #024c1a;
     --color-ansi-green-bright: #055d20;
+    --color-ansi-yellow: #3f2200;
     --color-ansi-yellow-bright: #4e2c00;
+    --color-ansi-blue: #0349b4;
     --color-ansi-blue-bright: #1168e3;
+    --color-ansi-magenta: #622cbc;
     --color-ansi-magenta-bright: #844ae7;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-constant: #023b95;
     --color-prettylights-syntax-constant-other-reference-link: #032563;
-    --color-prettylights-syntax-entity-tag: #023b95;
+    --color-prettylights-syntax-entity: #622cbc;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;
+    --color-prettylights-syntax-entity-tag: #023b95;
     --color-prettylights-syntax-keyword: #a0111f;
-    --color-prettylights-syntax-string-regexp: #024c1a;
+    --color-prettylights-syntax-string: #032563;
     --color-prettylights-syntax-variable: #702c00;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
     --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
     --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
+    --color-prettylights-syntax-carriage-return-text: #ffffff;
     --color-prettylights-syntax-carriage-return-bg: #a0111f;
+    --color-prettylights-syntax-string-regexp: #024c1a;
+    --color-prettylights-syntax-markup-list: #2e1800;
+    --color-prettylights-syntax-markup-heading: #023b95;
+    --color-prettylights-syntax-markup-italic: #0e1116;
+    --color-prettylights-syntax-markup-bold: #0e1116;
+    --color-prettylights-syntax-markup-deleted-text: #6e011a;
+    --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
+    --color-prettylights-syntax-markup-inserted-text: #024c1a;
+    --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
+    --color-prettylights-syntax-markup-changed-text: #702c00;
+    --color-prettylights-syntax-markup-changed-bg: #ffc67b;
+    --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;

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

@@ -238,25 +238,50 @@
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black: #24292f;
     --color-ansi-black-bright: #57606a;
+    --color-ansi-white: #6e7781;
     --color-ansi-white-bright: #8c959f;
     --color-ansi-gray: #6e7781;
+    --color-ansi-red: #cf222e;
     --color-ansi-red-bright: #a40e26;
+    --color-ansi-green: #0550ae;
     --color-ansi-green-bright: #0969da;
+    --color-ansi-yellow: #4d2d00;
     --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue: #0969da;
     --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta: #8250df;
     --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;
-    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-string: #0a3069;
     --color-prettylights-syntax-variable: #a40e26;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
     --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
     --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #0550ae;
+    --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
+    --color-prettylights-syntax-markup-changed-text: #a40e26;
+    --color-prettylights-syntax-markup-changed-bg: #ffcecb;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;

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

@@ -238,25 +238,50 @@
     --borderColor-done-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black: #24292f;
     --color-ansi-black-bright: #57606a;
+    --color-ansi-white: #6e7781;
     --color-ansi-white-bright: #8c959f;
     --color-ansi-gray: #6e7781;
+    --color-ansi-red: #cf222e;
     --color-ansi-red-bright: #a40e26;
+    --color-ansi-green: #116329;
     --color-ansi-green-bright: #1a7f37;
+    --color-ansi-yellow: #4d2d00;
     --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue: #0969da;
     --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta: #8250df;
     --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
     --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;
-    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-string: #0a3069;
     --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
     --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
     --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
     --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;

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

@@ -7,7 +7,7 @@
     --text-display-size: 2.5rem;
     --text-display-lineHeight: calc(56 / 40);
     --text-display-weight: 500;
-    --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-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"; /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
     --text-title-size-large: 2rem;
     --text-title-size-medium: 1.25rem;
     --text-title-size-small: 1rem;
@@ -17,13 +17,13 @@
     --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-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"; /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
+    --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"; /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
+    --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"; /* Uses the same size as body (large) with a heavier weight of semibold (600). */
     --text-subtitle-size: 1.25rem;
     --text-subtitle-lineHeight: calc(32 / 20);
     --text-subtitle-weight: 400;
-    --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
     --text-body-size-large: 1rem;
     --text-body-size-medium: 0.875rem;
     --text-body-size-small: 0.75rem;
@@ -31,19 +31,19 @@
     --text-body-lineHeight-medium: calc(20 / 14);
     --text-body-lineHeight-small: calc(20 / 12);
     --text-body-weight: 400;
-    --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* User-generated content, markdown rendering. */
+    --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* Default UI font. Most commonly used for body text. */
+    --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* 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. */
     --text-caption-size: 0.75rem;
     --text-caption-lineHeight: calc(16 / 12);
     --text-caption-weight: 400;
-    --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* 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. */
     --text-codeBlock-size: 0.8125rem;
     --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-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; /* Default style for rendering code blocks. */
     --text-codeInline-size: 0.9285em;
     --text-codeInline-weight: 400;
-    --text-codeInline-shorthand: 400 0.9285em 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; /* Inline code blocks using em units to inherit size from its parent. */
   }
 }