@primer/primitives 7.16.0-rc.f109b0ca → 7.16.0-rc.fe16fd19

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

@@ -1,414 +0,0 @@
-$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;
-$reactionButton-selected-bgColor-rest: #ddf4ff;
-$reactionButton-selected-bgColor-hover: #caecff;
-$reactionButton-selected-fgColor-rest: #0969da;
-$reactionButton-selected-fgColor-hover: #0550ae;
-$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;
-$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;

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

@@ -1,45 +0,0 @@
-$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.