jekyll-v4-theme-primer 0.11.0 → 0.13.0

data/_sass/@primer/primitives/dist/scss/functional/themes/light.scss

@@ -0,0 +1,503 @@
+$topicTag-borderColor: #ffffff00;
+$highlight-neutral-bgColor: #fff8c5;
+$page-header-bgColor: #f6f8fa;
+$diffBlob-addition-fgColor-text: #1f2328;
+$diffBlob-addition-fgColor-num: #1f2328;
+$diffBlob-addition-bgColor-num: #d1f8d9;
+$diffBlob-addition-bgColor-line: #dafbe1;
+$diffBlob-addition-bgColor-word: #aceebb;
+$diffBlob-deletion-fgColor-text: #1f2328;
+$diffBlob-deletion-fgColor-num: #1f2328;
+$diffBlob-deletion-bgColor-num: #ffcecb;
+$diffBlob-deletion-bgColor-line: #ffebe9;
+$diffBlob-deletion-bgColor-word: #ff818266;
+$diffBlob-hunk-bgColor-num: #54aeff66;
+$diffBlob-expander-iconColor: #636c76;
+$codeMirror-fgColor: #1f2328;
+$codeMirror-bgColor: #ffffff;
+$codeMirror-gutters-bgColor: #ffffff;
+$codeMirror-gutterMarker-fgColor-default: #ffffff;
+$codeMirror-gutterMarker-fgColor-muted: #636c76;
+$codeMirror-lineNumber-fgColor: #636c76;
+$codeMirror-cursor-fgColor: #1f2328;
+$codeMirror-selection-bgColor: #54aeff66;
+$codeMirror-activeline-bgColor: #afb8c133;
+$codeMirror-matchingBracket-fgColor: #1f2328;
+$codeMirror-lines-bgColor: #ffffff;
+$codeMirror-syntax-fgColor-comment: #24292f;
+$codeMirror-syntax-fgColor-constant: #0550ae;
+$codeMirror-syntax-fgColor-entity: #8250df;
+$codeMirror-syntax-fgColor-keyword: #cf222e;
+$codeMirror-syntax-fgColor-storage: #cf222e;
+$codeMirror-syntax-fgColor-string: #0a3069;
+$codeMirror-syntax-fgColor-support: #0550ae;
+$codeMirror-syntax-fgColor-variable: #953800;
+$header-fgColor-default: #ffffffb3;
+$header-fgColor-logo: #ffffff;
+$header-bgColor: #24292f;
+$header-borderColor-divider: #57606a;
+$headerSearch-bgColor: #24292f;
+$headerSearch-borderColor: #57606a;
+$data-blue-color: #006edb;
+$data-auburn-color: #9d615c;
+$data-orange-color: #eb670f;
+$data-yellow-color: #b88700;
+$data-green-color: #30a147;
+$data-teal-color: #179b9b;
+$data-purple-color: #894ceb;
+$data-pink-color: #ce2c85;
+$data-red-color: #df0c24;
+$data-gray-color: #808fa3;
+$display-blue-bgColor-muted: #d1f0ff;
+$display-blue-bgColor-emphasis: #006edb;
+$display-blue-fgColor: #005fcc;
+$display-blue-borderColor-muted: #ade1ff;
+$display-blue-borderColor-emphasis: #006edb;
+$display-green-bgColor-muted: #caf7ca;
+$display-green-bgColor-emphasis: #2c8141;
+$display-green-fgColor: #2b6e3f;
+$display-green-borderColor-muted: #9ceda0;
+$display-green-borderColor-emphasis: #2c8141;
+$display-orange-bgColor-muted: #ffe7d1;
+$display-orange-bgColor-emphasis: #b8500f;
+$display-orange-fgColor: #a24610;
+$display-orange-borderColor-muted: #fecfaa;
+$display-orange-borderColor-emphasis: #b8500f;
+$display-purple-bgColor-muted: #f1e5ff;
+$display-purple-bgColor-emphasis: #894ceb;
+$display-purple-fgColor: #783ae4;
+$display-purple-borderColor-muted: #e6d2fe;
+$display-purple-borderColor-emphasis: #894ceb;
+$display-red-bgColor-muted: #ffe2e0;
+$display-red-bgColor-emphasis: #df0c24;
+$display-red-fgColor: #c50d28;
+$display-red-borderColor-muted: #fecdcd;
+$display-red-borderColor-emphasis: #df0c24;
+$display-yellow-bgColor-muted: #ffec9e;
+$display-yellow-bgColor-emphasis: #946a00;
+$display-yellow-fgColor: #805900;
+$display-yellow-borderColor-muted: #ffd642;
+$display-yellow-borderColor-emphasis: #946a00;
+$display-gray-bgColor-muted: #e8ecf2;
+$display-gray-bgColor-emphasis: #647182;
+$display-gray-fgColor: #5c6570;
+$display-gray-borderColor-muted: #d2dae4;
+$display-gray-borderColor-emphasis: #647182;
+$display-auburn-bgColor-muted: #f2e9e9;
+$display-auburn-bgColor-emphasis: #9d615c;
+$display-auburn-fgColor: #8a5551;
+$display-auburn-borderColor-muted: #e6d6d5;
+$display-auburn-borderColor-emphasis: #9d615c;
+$display-brown-bgColor-muted: #eeeae2;
+$display-brown-bgColor-emphasis: #856d4c;
+$display-brown-fgColor: #755f43;
+$display-brown-borderColor-muted: #dfd7c8;
+$display-brown-borderColor-emphasis: #856d4c;
+$display-lemon-bgColor-muted: #f7eea1;
+$display-lemon-bgColor-emphasis: #866e04;
+$display-lemon-fgColor: #786002;
+$display-lemon-borderColor-muted: #f0db3d;
+$display-lemon-borderColor-emphasis: #866e04;
+$display-olive-bgColor-muted: #f0f0ad;
+$display-olive-bgColor-emphasis: #64762d;
+$display-olive-fgColor: #56682c;
+$display-olive-borderColor-muted: #dbe170;
+$display-olive-borderColor-emphasis: #64762d;
+$display-lime-bgColor-muted: #e3f2b5;
+$display-lime-bgColor-emphasis: #527a29;
+$display-lime-fgColor: #476c28;
+$display-lime-borderColor-muted: #c7e580;
+$display-lime-borderColor-emphasis: #527a29;
+$display-pine-bgColor-muted: #bff8db;
+$display-pine-bgColor-emphasis: #167e53;
+$display-pine-fgColor: #156f4b;
+$display-pine-borderColor-muted: #80efb9;
+$display-pine-borderColor-emphasis: #167e53;
+$display-teal-bgColor-muted: #c7f5ef;
+$display-teal-bgColor-emphasis: #127e81;
+$display-teal-fgColor: #106e75;
+$display-teal-borderColor-muted: #89ebe1;
+$display-teal-borderColor-emphasis: #127e81;
+$display-cyan-bgColor-muted: #bdf4ff;
+$display-cyan-bgColor-emphasis: #007b94;
+$display-cyan-fgColor: #006a80;
+$display-cyan-borderColor-muted: #7ae9ff;
+$display-cyan-borderColor-emphasis: #007b94;
+$display-indigo-bgColor-muted: #e5e9ff;
+$display-indigo-bgColor-emphasis: #5a61e7;
+$display-indigo-fgColor: #494edf;
+$display-indigo-borderColor-muted: #d2d7fe;
+$display-indigo-borderColor-emphasis: #5a61e7;
+$avatar-bgColor: #ffffff;
+$avatar-borderColor: #1f232826;
+$avatar-shadow: 0px 0px 0px 2px #ffffffcc;
+$avatarStack-fade-bgColor-default: #afb8c1;
+$avatarStack-fade-bgColor-muted: #d0d7de;
+$control-bgColor-rest: #f6f8fa;
+$control-bgColor-hover: #eef1f4;
+$control-bgColor-active: #e7ebef;
+$control-bgColor-disabled: #eaeef2b3;
+$control-bgColor-selected: #f6f8fa;
+$control-fgColor-rest: #24292f;
+$control-fgColor-placeholder: #6e7781;
+$control-fgColor-disabled: #8c959f;
+$control-borderColor-rest: #d0d7de;
+$control-borderColor-emphasis: #868f99;
+$control-borderColor-disabled: #eaeef2b3;
+$control-borderColor-selected: #f6f8fa;
+$control-borderColor-success: #1a7f37;
+$control-borderColor-danger: #cf222e;
+$control-borderColor-warning: #bf8700;
+$control-iconColor-rest: #636c76;
+$control-transparent-bgColor-rest: #ffffff00;
+$control-transparent-bgColor-hover: #d0d7de33;
+$control-transparent-bgColor-active: #d0d7de66;
+$control-transparent-bgColor-disabled: #eaeef2b3;
+$control-transparent-bgColor-selected: #d0d7de33;
+$control-transparent-borderColor-rest: #ffffff00;
+$control-transparent-borderColor-hover: #ffffff00;
+$control-transparent-borderColor-active: #ffffff00;
+$control-danger-fgColor-rest: #d1242f;
+$control-danger-fgColor-hover: #d1242f;
+$control-danger-bgColor-hover: #ffebe9;
+$control-danger-bgColor-active: #ffebe966;
+$control-checked-bgColor-rest: #0969da;
+$control-checked-bgColor-hover: #0860ca;
+$control-checked-bgColor-active: #0757ba;
+$control-checked-bgColor-disabled: #8c959f;
+$control-checked-fgColor-rest: #ffffff;
+$control-checked-fgColor-disabled: #ffffff;
+$control-checked-borderColor-rest: #0969da;
+$control-checked-borderColor-hover: #0860ca;
+$control-checked-borderColor-active: #0757ba;
+$control-checked-borderColor-disabled: #8c959f;
+$controlTrack-bgColor-rest: #eaeef2;
+$controlTrack-bgColor-hover: #dee3e8;
+$controlTrack-bgColor-active: #d2d8de;
+$controlTrack-bgColor-disabled: #8c959f;
+$controlTrack-fgColor-rest: #636c76;
+$controlTrack-fgColor-disabled: #ffffff;
+$controlTrack-borderColor-rest: #ffffff00;
+$controlTrack-borderColor-disabled: #8c959f;
+$controlKnob-bgColor-rest: #ffffff;
+$controlKnob-bgColor-disabled: #eaeef2b3;
+$controlKnob-bgColor-checked: #ffffff;
+$controlKnob-borderColor-rest: #868f99;
+$controlKnob-borderColor-disabled: #eaeef2b3;
+$controlKnob-borderColor-checked: #0969da;
+$counter-borderColor: #ffffff00;
+$button-default-fgColor-rest: #24292f;
+$button-default-bgColor-rest: #f6f8fa;
+$button-default-bgColor-hover: #eef1f4;
+$button-default-bgColor-active: #e7ebef;
+$button-default-bgColor-selected: #e7ebef;
+$button-default-bgColor-disabled: #eaeef2b3;
+$button-default-borderColor-rest: #d0d7de;
+$button-default-borderColor-hover: #d0d7de;
+$button-default-borderColor-active: #d0d7de;
+$button-default-borderColor-disabled: #eaeef2b3;
+$button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
+$button-primary-fgColor-rest: #ffffff;
+$button-primary-fgColor-disabled: #ffffffcc;
+$button-primary-iconColor-rest: #ffffffcc;
+$button-primary-bgColor-rest: #1f883d;
+$button-primary-bgColor-hover: #1c8139;
+$button-primary-bgColor-active: #197935;
+$button-primary-bgColor-disabled: #95d8a6;
+$button-primary-borderColor-rest: #1f232826;
+$button-primary-borderColor-hover: #1f232826;
+$button-primary-borderColor-active: #1f232826;
+$button-primary-borderColor-disabled: #95d8a6;
+$button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
+$button-invisible-fgColor-rest: #0969da;
+$button-invisible-fgColor-hover: #0969da;
+$button-invisible-fgColor-disabled: #8c959f;
+$button-invisible-iconColor-rest: #636c76;
+$button-invisible-iconColor-hover: #636c76;
+$button-invisible-iconColor-disabled: #8c959f;
+$button-invisible-bgColor-rest: #ffffff00;
+$button-invisible-bgColor-hover: #d0d7de33;
+$button-invisible-bgColor-active: #d0d7de66;
+$button-invisible-bgColor-disabled: #eaeef2b3;
+$button-invisible-borderColor-rest: #ffffff00;
+$button-invisible-borderColor-hover: #ffffff00;
+$button-invisible-borderColor-disabled: #eaeef2b3;
+$button-outline-fgColor-rest: #0969da;
+$button-outline-fgColor-hover: #ffffff;
+$button-outline-fgColor-active: #ffffff;
+$button-outline-fgColor-disabled: #0969da80;
+$button-outline-bgColor-rest: #f6f8fa;
+$button-outline-bgColor-hover: #0969da;
+$button-outline-bgColor-active: #0757ba;
+$button-outline-bgColor-disabled: #f6f8fa;
+$button-outline-borderColor-hover: #1f232826;
+$button-outline-borderColor-active: #1f232826;
+$button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
+$button-danger-fgColor-rest: #d1242f;
+$button-danger-fgColor-hover: #ffffff;
+$button-danger-fgColor-active: #ffffff;
+$button-danger-fgColor-disabled: #d1242f80;
+$button-danger-iconColor-rest: #d1242f;
+$button-danger-iconColor-hover: #ffffff;
+$button-danger-bgColor-rest: #f6f8fa;
+$button-danger-bgColor-hover: #a40e26;
+$button-danger-bgColor-active: #8b0820;
+$button-danger-bgColor-disabled: #eaeef2b3;
+$button-danger-borderColor-rest: #d0d7de;
+$button-danger-borderColor-hover: #1f232826;
+$button-danger-borderColor-active: #1f232826;
+$button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+$button-inactive-fgColor: #57606a;
+$button-inactive-bgColor: #eaeef2;
+$button-star-iconColor: #eac54f;
+$buttonCounter-default-bgColor-rest: #afb8c133;
+$buttonCounter-invisible-bgColor-rest: #afb8c133;
+$buttonCounter-primary-bgColor-rest: #002d1133;
+$buttonCounter-outline-bgColor-rest: #0969da1a;
+$buttonCounter-outline-bgColor-hover: #ffffff33;
+$buttonCounter-outline-bgColor-disabled: #0969da0d;
+$buttonCounter-outline-fgColor-rest: #0550ae;
+$buttonCounter-outline-fgColor-hover: #ffffff;
+$buttonCounter-outline-fgColor-disabled: #0969da80;
+$buttonCounter-danger-bgColor-hover: #ffffff33;
+$buttonCounter-danger-bgColor-disabled: #cf222e0d;
+$buttonCounter-danger-bgColor-rest: #cf222e1a;
+$buttonCounter-danger-fgColor-rest: #c21c2c;
+$buttonCounter-danger-fgColor-hover: #ffffff;
+$buttonCounter-danger-fgColor-disabled: #d1242f80;
+$focus-outlineColor: #0969da;
+$focus-outline: #0969da solid 2px;
+$menu-bgColor-active: #ffffff00;
+$overlay-bgColor: #ffffff;
+$overlay-borderColor: #d0d7de80;
+$overlay-backdrop-bgColor: #8c959f33;
+$selectMenu-borderColor: #ffffff00;
+$selectMenu-bgColor-active: #b6e3ff;
+$sideNav-bgColor-selected: #ffffff;
+$skeletonLoader-bgColor: #f6f8fa;
+$timelineBadge-bgColor: #eaeef2;
+$treeViewItem-leadingVisual-iconColor-rest: #54aeff;
+$underlineNav-borderColor-active: #fd8c73;
+$underlineNav-borderColor-hover: #afb8c133;
+$underlineNav-iconColor-rest: #636c76;
+$selection-bgColor: #0969da33;
+$fgColor-default: #1f2328;
+$fgColor-muted: #636c76;
+$fgColor-onEmphasis: #ffffff;
+$fgColor-white: #ffffff;
+$fgColor-black: #1f2328;
+$fgColor-disabled: #8c959f;
+$fgColor-link: #0969da;
+$fgColor-neutral: #6e7781;
+$fgColor-accent: #0969da;
+$fgColor-success: #1a7f37;
+$fgColor-attention: #9a6700;
+$fgColor-severe: #bc4c00;
+$fgColor-danger: #d1242f;
+$fgColor-open: #1a7f37;
+$fgColor-closed: #d1242f;
+$fgColor-done: #8250df;
+$fgColor-sponsors: #bf3989;
+$bgColor-default: #ffffff;
+$bgColor-muted: #f6f8fa;
+$bgColor-inset: #f6f8fa;
+$bgColor-emphasis: #24292f;
+$bgColor-inverse: #24292f;
+$bgColor-white: #ffffff;
+$bgColor-black: #1f2328;
+$bgColor-disabled: #eaeef2b3;
+$bgColor-transparent: #ffffff00;
+$bgColor-neutral-muted: #afb8c133;
+$bgColor-neutral-emphasis: #6e7781;
+$bgColor-accent-muted: #ddf4ff;
+$bgColor-accent-emphasis: #0969da;
+$bgColor-success-muted: #dafbe1;
+$bgColor-success-emphasis: #1f883d;
+$bgColor-attention-muted: #fff8c5;
+$bgColor-attention-emphasis: #9a6700;
+$bgColor-severe-muted: #fff1e5;
+$bgColor-severe-emphasis: #bc4c00;
+$bgColor-danger-muted: #ffebe9;
+$bgColor-danger-emphasis: #cf222e;
+$bgColor-open-muted: #dafbe1;
+$bgColor-open-emphasis: #1f883d;
+$bgColor-closed-muted: #ffebe9;
+$bgColor-closed-emphasis: #cf222e;
+$bgColor-done-muted: #fbefff;
+$bgColor-done-emphasis: #8250df;
+$bgColor-sponsors-muted: #ffeff7;
+$bgColor-sponsors-emphasis: #bf3989;
+$borderColor-default: #d0d7de;
+$borderColor-muted: #d0d7deb3;
+$borderColor-emphasis: #6e7781;
+$borderColor-disabled: #eaeef2b3;
+$borderColor-transparent: #ffffff00;
+$borderColor-neutral-muted: #afb8c133;
+$borderColor-neutral-emphasis: #6e7781;
+$borderColor-accent-muted: #54aeff66;
+$borderColor-accent-emphasis: #0969da;
+$borderColor-success-muted: #4ac26b66;
+$borderColor-success-emphasis: #1a7f37;
+$borderColor-attention-muted: #d4a72c66;
+$borderColor-attention-emphasis: #bf8700;
+$borderColor-severe-muted: #fb8f4466;
+$borderColor-severe-emphasis: #bc4c00;
+$borderColor-danger-muted: #ff818266;
+$borderColor-danger-emphasis: #cf222e;
+$borderColor-open-muted: #4ac26b66;
+$borderColor-open-emphasis: #1a7f37;
+$borderColor-closed-muted: #ff818266;
+$borderColor-closed-emphasis: #cf222e;
+$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: #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: #57606a;
+$color-prettylights-syntax-constant: #0550ae;
+$color-prettylights-syntax-constant-other-reference-link: #0a3069;
+$color-prettylights-syntax-entity: #6639ba;
+$color-prettylights-syntax-storage-modifier-import: #24292f;
+$color-prettylights-syntax-entity-tag: #0550ae;
+$color-prettylights-syntax-keyword: #cf222e;
+$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;
+$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 #1f23280a;
+$shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
+$shadow-resting-small: 0px 1px 0px 0px #1f23280a;
+$shadow-resting-medium: 0px 3px 6px 0px #424a531f;
+$shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+$shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+$shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+$shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
+$shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;

data/_sass/@primer/primitives/dist/scss/functional/typography/typography.scss

@@ -0,0 +1,45 @@
+$fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+$text-display-lineBoxHeight: 3.5rem;
+$text-display-size: 2.5rem;
+$text-display-lineHeight: 1.4;
+$text-display-weight: 500;
+$text-display-shorthand: 500 2.5rem/1.4 -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;
+$text-title-lineHeight-large: 1.5;
+$text-title-lineHeight-medium: 1.6;
+$text-title-lineHeight-small: 1.5;
+$text-title-weight-large: 600;
+$text-title-weight-medium: 600;
+$text-title-weight-small: 600;
+$text-title-shorthand-large: 600 2rem/1.5 -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/1.6 -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/1.5 -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: 1.6;
+$text-subtitle-weight: 400;
+$text-subtitle-shorthand: 400 1.25rem/1.6 -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;
+$text-body-lineHeight-large: 1.5;
+$text-body-lineHeight-medium: 1.4285;
+$text-body-lineHeight-small: 1.6666;
+$text-body-weight: 400;
+$text-body-shorthand-large: 400 1rem/1.5 -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/1.4285 -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/1.6666 -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: 1.3333;
+$text-caption-weight: 400;
+$text-caption-shorthand: 400 0.75rem/1.3333 -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: 1.5385;
+$text-codeBlock-weight: 400;
+$text-codeBlock-shorthand: 400 0.8125rem/1.5385 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; // Inline code blocks using em units to inherit size from its parent.

data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss

@@ -1,21 +1,17 @@
-@mixin primer-colors-size {
-  & {
-    --base-size-4: 0.25rem;
-    --base-size-8: 0.5rem;
-    --base-size-12: 0.75rem;
-    --base-size-16: 1rem;
-    --base-size-20: 1.25rem;
-    --base-size-24: 1.5rem;
-    --base-size-28: 1.75rem;
-    --base-size-32: 2rem;
-    --base-size-36: 2.25rem;
-    --base-size-40: 2.5rem;
-    --base-size-44: 2.75rem;
-    --base-size-48: 3rem;
-    --base-size-64: 4rem;
-    --base-size-80: 5rem;
-    --base-size-96: 6rem;
-    --base-size-112: 7rem;
-    --base-size-128: 8rem;
-  }
-}
+$base-size-4: 0.25rem;
+$base-size-8: 0.5rem;
+$base-size-12: 0.75rem;
+$base-size-16: 1rem;
+$base-size-20: 1.25rem;
+$base-size-24: 1.5rem;
+$base-size-28: 1.75rem;
+$base-size-32: 2rem;
+$base-size-36: 2.25rem;
+$base-size-40: 2.5rem;
+$base-size-44: 2.75rem;
+$base-size-48: 3rem;
+$base-size-64: 4rem;
+$base-size-80: 5rem;
+$base-size-96: 6rem;
+$base-size-112: 7rem;
+$base-size-128: 8rem;

data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss

@@ -1,8 +1,4 @@
-@mixin primer-colors-typography {
-  & {
-    --base-text-weight-light: 300;
-    --base-text-weight-normal: 400;
-    --base-text-weight-medium: 500;
-    --base-text-weight-semibold: 600;
-  }
-}
+$base-text-weight-light: 300;
+$base-text-weight-normal: 400;
+$base-text-weight-medium: 500;
+$base-text-weight-semibold: 600;

data/_sass/@primer/primitives/tokens-next-private/scss/functional/motion/motion.scss

@@ -0,0 +1,3 @@
+$motion-loading-delay-default: 1s; // The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.
+$motion-spinner-duration-rotation: 1s; // The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation
+$motion-skeletonLoader-shimmer-duration-scale: 1s; // The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right)

data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss

@@ -1,16 +1,12 @@
-@mixin primer-colors-border {
-  & {
-    --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
-    --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);
-    --borderWidth-thick: max(2px, 0.125rem);
-    --borderWidth-thicker: max(4px, 0.25rem);
-    --borderRadius-small: 3px;
-    --borderRadius-medium: 6px;
-    --borderRadius-large: 12px;
-    --borderRadius-full: 100vh;
-    --outline-focus-offset: -0.125rem;
-    --outline-focus-width: 0.125rem;
-  }
-}
+$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);
+$borderWidth-thick: max(2px, 0.125rem);
+$borderWidth-thicker: max(4px, 0.25rem);
+$borderRadius-small: 0.1875rem;
+$borderRadius-medium: 0.375rem;
+$borderRadius-large: 0.75rem;
+$borderRadius-full: 624.9375rem; // Use this border radius for pill shaped elements
+$outline-focus-offset: -0.125rem;
+$outline-focus-width: 0.125rem;

data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss

@@ -1,10 +1,6 @@
-@mixin primer-colors-breakpoints {
-  & {
-    --breakpoint-xsmall: 20rem;
-    --breakpoint-small: 34rem;
-    --breakpoint-medium: 48rem;
-    --breakpoint-large: 63.25rem;
-    --breakpoint-xlarge: 80rem;
-    --breakpoint-xxlarge: 90rem;
-  }
-}
+$breakpoint-xsmall: 20rem;
+$breakpoint-small: 34rem;
+$breakpoint-medium: 48rem;
+$breakpoint-large: 63.25rem;
+$breakpoint-xlarge: 80rem;
+$breakpoint-xxlarge: 87.5rem;