@primer/primitives 7.15.15 → 7.16.0-rc.064d2db3

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

@@ -1,17 +0,0 @@
-$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;

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

@@ -1,4 +0,0 @@
-$base-text-weight-light: 300;
-$base-text-weight-normal: 400;
-$base-text-weight-medium: 500;
-$base-text-weight-semibold: 600;

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

@@ -1,3 +0,0 @@
-$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)

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

@@ -1,12 +0,0 @@
-$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;

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

@@ -1,6 +0,0 @@
-$breakpoint-xsmall: 20rem;
-$breakpoint-small: 34rem;
-$breakpoint-medium: 48rem;
-$breakpoint-large: 63.25rem;
-$breakpoint-xlarge: 80rem;
-$breakpoint-xxlarge: 87.5rem;

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

@@ -1,3 +0,0 @@
-$control-minTarget-auto: 2.75rem;
-$controlStack-small-gap-auto: 1rem;
-$controlStack-medium-gap-auto: 0.75rem;

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

@@ -1,3 +0,0 @@
-$control-minTarget-auto: 1rem;
-$controlStack-small-gap-auto: 0.5rem;
-$controlStack-medium-gap-auto: 0.5rem;

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

@@ -1,72 +0,0 @@
-$control-minTarget-fine: 1rem;
-$control-minTarget-coarse: 2.75rem;
-$control-xsmall-size: 1.5rem;
-$control-xsmall-lineBoxHeight: 1.25rem;
-$control-xsmall-paddingBlock: 0.125rem;
-$control-xsmall-paddingInline-condensed: 0.25rem;
-$control-xsmall-paddingInline-normal: 0.5rem;
-$control-xsmall-paddingInline-spacious: 0.75rem;
-$control-xsmall-gap: 0.25rem;
-$control-small-size: 1.75rem;
-$control-small-lineBoxHeight: 1.25rem;
-$control-small-paddingBlock: 0.25rem;
-$control-small-paddingInline-condensed: 0.5rem;
-$control-small-paddingInline-normal: 0.75rem;
-$control-small-gap: 0.25rem;
-$control-medium-size: 2rem;
-$control-medium-lineBoxHeight: 1.25rem;
-$control-medium-paddingBlock: 0.375rem;
-$control-medium-paddingInline-condensed: 0.5rem;
-$control-medium-paddingInline-normal: 0.75rem;
-$control-medium-paddingInline-spacious: 1rem;
-$control-medium-gap: 0.5rem;
-$control-large-size: 2.5rem;
-$control-large-lineBoxHeight: 1.25rem;
-$control-large-paddingBlock: 0.625rem;
-$control-large-paddingInline-normal: 0.75rem;
-$control-large-paddingInline-spacious: 1rem;
-$control-large-gap: 0.5rem;
-$control-xlarge-size: 3rem;
-$control-xlarge-lineBoxHeight: 1.25rem;
-$control-xlarge-paddingBlock: 0.875rem;
-$control-xlarge-paddingInline-normal: 0.75rem;
-$control-xlarge-paddingInline-spacious: 1rem;
-$control-xlarge-gap: 0.5rem;
-$controlStack-small-gap-condensed: 0.5rem;
-$controlStack-small-gap-spacious: 1rem;
-$controlStack-medium-gap-condensed: 0.5rem;
-$controlStack-medium-gap-spacious: 0.75rem;
-$controlStack-large-gap-auto: 0.5rem;
-$controlStack-large-gap-condensed: 0.5rem;
-$controlStack-large-gap-spacious: 0.75rem;
-$space-xxsmall: 0.125rem;
-$space-xsmall: 0.25rem;
-$space-small: 0.375rem;
-$space-medium: 0.5rem;
-$space-large: 0.75rem;
-$space-xlarge: 1rem;
-$spinner-strokeWidth-default: 0.125rem;
-$spinner-size-small: 1rem;
-$spinner-size-medium: 2rem;
-$spinner-size-large: 4rem;
-$stack-padding-condensed: 0.5rem;
-$stack-padding-normal: 1rem;
-$stack-padding-spacious: 1.5rem;
-$stack-gap-condensed: 0.5rem;
-$stack-gap-normal: 1rem;
-$stack-gap-spacious: 1.5rem;
-$overlay-width-xsmall: 12rem;
-$overlay-width-small: 20rem;
-$overlay-width-medium: 30rem;
-$overlay-width-large: 40rem;
-$overlay-width-xlarge: 60rem;
-$overlay-height-small: 16rem;
-$overlay-height-medium: 20rem;
-$overlay-height-large: 27rem;
-$overlay-height-xlarge: 37.5rem;
-$overlay-padding-normal: 1rem;
-$overlay-padding-condensed: 0.5rem;
-$overlay-paddingBlock-condensed: 0.25rem;
-$overlay-paddingBlock-normal: 0.75rem;
-$overlay-borderRadius: 0.375rem;
-$overlay-offset: 0.25rem;

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

@@ -1,6 +0,0 @@
-$viewportRange-narrow: (max-width: calc(48rem - 0.02px));
-$viewportRange-narrowLandscape: (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
-$viewportRange-regular: (min-width: 48rem);
-$viewportRange-wide: (min-width: 87.5rem);
-$viewportRange-portrait: (orientation: portrait);
-$viewportRange-landscape: (orientation: landscape);

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

@@ -1,507 +0,0 @@
-$topicTag-borderColor: #00000000;
-$highlight-neutral-bgColor: #d2992266;
-$page-header-bgColor: #0d1117;
-$diffBlob-addition-fgColor-text: #e6edf3;
-$diffBlob-addition-fgColor-num: #e6edf3;
-$diffBlob-addition-bgColor-num: #58a6ff4d;
-$diffBlob-addition-bgColor-line: #388bfd26;
-$diffBlob-addition-bgColor-word: #388bfd66;
-$diffBlob-deletion-fgColor-text: #e6edf3;
-$diffBlob-deletion-fgColor-num: #e6edf3;
-$diffBlob-deletion-bgColor-num: #db6d284d;
-$diffBlob-deletion-bgColor-line: #db6d2826;
-$diffBlob-deletion-bgColor-word: #db6d2866;
-$diffBlob-hunk-bgColor-num: #388bfd66;
-$diffBlob-expander-iconColor: #848d97;
-$codeMirror-fgColor: #e6edf3;
-$codeMirror-bgColor: #0d1117;
-$codeMirror-gutters-bgColor: #0d1117;
-$codeMirror-gutterMarker-fgColor-default: #0d1117;
-$codeMirror-gutterMarker-fgColor-muted: #848d97;
-$codeMirror-lineNumber-fgColor: #848d97;
-$codeMirror-cursor-fgColor: #e6edf3;
-$codeMirror-selection-bgColor: #388bfd66;
-$codeMirror-activeline-bgColor: #6e768166;
-$codeMirror-matchingBracket-fgColor: #e6edf3;
-$codeMirror-lines-bgColor: #0d1117;
-$codeMirror-syntax-fgColor-comment: #8b949e;
-$codeMirror-syntax-fgColor-constant: #79c0ff;
-$codeMirror-syntax-fgColor-entity: #d2a8ff;
-$codeMirror-syntax-fgColor-keyword: #f0883e;
-$codeMirror-syntax-fgColor-storage: #f0883e;
-$codeMirror-syntax-fgColor-string: #a5d6ff;
-$codeMirror-syntax-fgColor-support: #79c0ff;
-$codeMirror-syntax-fgColor-variable: #ffa657;
-$header-fgColor-default: #ffffffb3;
-$header-fgColor-logo: #f0f6fc;
-$header-bgColor: #161b22f2;
-$header-borderColor-divider: #8b949e;
-$headerSearch-bgColor: #0d1117;
-$headerSearch-borderColor: #30363d;
-$data-blue-color: #0576ff;
-$data-auburn-color: #a86f6b;
-$data-orange-color: #984b10;
-$data-yellow-color: #895906;
-$data-green-color: #2f6f37;
-$data-teal-color: #106c70;
-$data-purple-color: #975bf1;
-$data-pink-color: #d34591;
-$data-red-color: #eb3342;
-$data-gray-color: #576270;
-$display-blue-bgColor-muted: #001a47;
-$display-blue-bgColor-emphasis: #0576ff;
-$display-blue-fgColor: #4da0ff;
-$display-blue-borderColor-muted: #002766;
-$display-blue-borderColor-emphasis: #0576ff;
-$display-green-bgColor-muted: #122117;
-$display-green-bgColor-emphasis: #388f3f;
-$display-green-fgColor: #41b445;
-$display-green-borderColor-muted: #182f1f;
-$display-green-borderColor-emphasis: #388f3f;
-$display-orange-bgColor-muted: #311708;
-$display-orange-bgColor-emphasis: #c46212;
-$display-orange-fgColor: #ed8326;
-$display-orange-borderColor-muted: #43200a;
-$display-orange-borderColor-emphasis: #c46212;
-$display-purple-bgColor-muted: #211047;
-$display-purple-bgColor-emphasis: #975bf1;
-$display-purple-fgColor: #b687f7;
-$display-purple-borderColor-muted: #31146b;
-$display-purple-borderColor-emphasis: #975bf1;
-$display-red-bgColor-muted: #3c0614;
-$display-red-bgColor-emphasis: #eb3342;
-$display-red-fgColor: #f27d83;
-$display-red-borderColor-muted: #58091a;
-$display-red-borderColor-emphasis: #eb3342;
-$display-yellow-bgColor-muted: #2e1a00;
-$display-yellow-bgColor-emphasis: #aa7109;
-$display-yellow-fgColor: #d3910d;
-$display-yellow-borderColor-muted: #3d2401;
-$display-yellow-borderColor-emphasis: #aa7109;
-$display-gray-bgColor-muted: #1c1c1c;
-$display-gray-bgColor-emphasis: #6e7f96;
-$display-gray-fgColor: #92a1b5;
-$display-gray-borderColor-muted: #2a2b2d;
-$display-gray-borderColor-emphasis: #6e7f96;
-$display-auburn-bgColor-muted: #271817;
-$display-auburn-bgColor-emphasis: #a86f6b;
-$display-auburn-fgColor: #bf9592;
-$display-auburn-borderColor-muted: #3a2422;
-$display-auburn-borderColor-emphasis: #a86f6b;
-$display-brown-bgColor-muted: #241c14;
-$display-brown-bgColor-emphasis: #94774c;
-$display-brown-fgColor: #b69a6d;
-$display-brown-borderColor-muted: #342a1d;
-$display-brown-borderColor-emphasis: #94774c;
-$display-lemon-bgColor-muted: #291d00;
-$display-lemon-bgColor-emphasis: #977b0c;
-$display-lemon-fgColor: #ba9b12;
-$display-lemon-borderColor-muted: #372901;
-$display-lemon-borderColor-emphasis: #977b0c;
-$display-olive-bgColor-muted: #171e0b;
-$display-olive-bgColor-emphasis: #7a8321;
-$display-olive-fgColor: #a2a626;
-$display-olive-borderColor-muted: #252d10;
-$display-olive-borderColor-emphasis: #7a8321;
-$display-lime-bgColor-muted: #141f0f;
-$display-lime-bgColor-emphasis: #5f892f;
-$display-lime-fgColor: #7dae37;
-$display-lime-borderColor-muted: #1f3116;
-$display-lime-borderColor-emphasis: #5f892f;
-$display-pine-bgColor-muted: #082119;
-$display-pine-bgColor-emphasis: #18915e;
-$display-pine-fgColor: #1bb673;
-$display-pine-borderColor-muted: #0b3224;
-$display-pine-borderColor-emphasis: #18915e;
-$display-teal-bgColor-muted: #041f25;
-$display-teal-bgColor-emphasis: #158a8a;
-$display-teal-fgColor: #1cb0ab;
-$display-teal-borderColor-muted: #073036;
-$display-teal-borderColor-emphasis: #158a8a;
-$display-cyan-bgColor-muted: #001f29;
-$display-cyan-bgColor-emphasis: #0587b3;
-$display-cyan-fgColor: #07ace4;
-$display-cyan-borderColor-muted: #002e3d;
-$display-cyan-borderColor-emphasis: #0587b3;
-$display-indigo-bgColor-muted: #1b183f;
-$display-indigo-bgColor-emphasis: #7070e1;
-$display-indigo-fgColor: #9899ec;
-$display-indigo-borderColor-muted: #25215f;
-$display-indigo-borderColor-emphasis: #7070e1;
-$avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #ffffff26;
-$avatar-shadow: 0px 0px 0px 2px #0d1117;
-$avatarStack-fade-bgColor-default: #30363d;
-$avatarStack-fade-bgColor-muted: #21262d;
-$control-bgColor-rest: #21262d;
-$control-bgColor-hover: #292e36;
-$control-bgColor-active: #31363e;
-$control-bgColor-disabled: #21262db3;
-$control-bgColor-selected: #161b22;
-$control-fgColor-rest: #c9d1d9;
-$control-fgColor-placeholder: #484f58;
-$control-fgColor-disabled: #6e7681;
-$control-borderColor-rest: #30363d;
-$control-borderColor-emphasis: #666e79;
-$control-borderColor-disabled: #21262db3;
-$control-borderColor-selected: #f0f6fc;
-$control-borderColor-success: #1f6feb;
-$control-borderColor-danger: #bd561d;
-$control-borderColor-warning: #9e6a03;
-$control-iconColor-rest: #848d97;
-$control-transparent-bgColor-rest: #00000000;
-$control-transparent-bgColor-hover: #b1bac41f;
-$control-transparent-bgColor-active: #b1bac433;
-$control-transparent-bgColor-disabled: #21262db3;
-$control-transparent-bgColor-selected: #b1bac414;
-$control-transparent-borderColor-rest: #00000000;
-$control-transparent-borderColor-hover: #00000000;
-$control-transparent-borderColor-active: #00000000;
-$control-danger-fgColor-rest: #db6d28;
-$control-danger-fgColor-hover: #f0883e;
-$control-danger-bgColor-hover: #db6d281a;
-$control-danger-bgColor-active: #db6d2866;
-$control-checked-bgColor-rest: #1f6feb;
-$control-checked-bgColor-hover: #2a7aef;
-$control-checked-bgColor-active: #3685f3;
-$control-checked-bgColor-disabled: #6e7681;
-$control-checked-fgColor-rest: #ffffff;
-$control-checked-fgColor-disabled: #010409;
-$control-checked-borderColor-rest: #1f6feb;
-$control-checked-borderColor-hover: #2a7aef;
-$control-checked-borderColor-active: #3685f3;
-$control-checked-borderColor-disabled: #6e7681;
-$controlTrack-bgColor-rest: #21262d;
-$controlTrack-bgColor-hover: #292e36;
-$controlTrack-bgColor-active: #31363e;
-$controlTrack-bgColor-disabled: #6e7681;
-$controlTrack-fgColor-rest: #848d97;
-$controlTrack-fgColor-disabled: #ffffff;
-$controlTrack-borderColor-rest: #00000000;
-$controlTrack-borderColor-disabled: #6e7681;
-$controlKnob-bgColor-rest: #010409;
-$controlKnob-bgColor-disabled: #21262db3;
-$controlKnob-bgColor-checked: #ffffff;
-$controlKnob-borderColor-rest: #666e79;
-$controlKnob-borderColor-disabled: #21262db3;
-$controlKnob-borderColor-checked: #1f6feb;
-$counter-borderColor: #00000000;
-$button-default-fgColor-rest: #c9d1d9;
-$button-default-bgColor-rest: #21262d;
-$button-default-bgColor-hover: #292e36;
-$button-default-bgColor-active: #31363e;
-$button-default-bgColor-selected: #31363e;
-$button-default-bgColor-disabled: #21262db3;
-$button-default-borderColor-rest: #30363d;
-$button-default-borderColor-hover: #30363d;
-$button-default-borderColor-active: #30363d;
-$button-default-borderColor-disabled: #21262db3;
-$button-default-shadow-resting: 0px 0px 0px 0px #000000;
-$button-primary-fgColor-rest: #ffffff;
-$button-primary-fgColor-disabled: #ffffff66;
-$button-primary-iconColor-rest: #ffffff;
-$button-primary-bgColor-rest: #1f6feb;
-$button-primary-bgColor-hover: #2a7aef;
-$button-primary-bgColor-active: #3685f3;
-$button-primary-bgColor-disabled: #1158c7;
-$button-primary-borderColor-rest: #f0f6fc1a;
-$button-primary-borderColor-hover: #f0f6fc1a;
-$button-primary-borderColor-active: #f0f6fc1a;
-$button-primary-borderColor-disabled: #1158c7;
-$button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #4493f8;
-$button-invisible-fgColor-hover: #58a6ff;
-$button-invisible-fgColor-disabled: #6e7681;
-$button-invisible-iconColor-rest: #848d97;
-$button-invisible-iconColor-hover: #e6edf3;
-$button-invisible-iconColor-disabled: #6e7681;
-$button-invisible-bgColor-rest: #00000000;
-$button-invisible-bgColor-hover: #b1bac41f;
-$button-invisible-bgColor-active: #b1bac433;
-$button-invisible-bgColor-disabled: #21262db3;
-$button-invisible-borderColor-rest: #00000000;
-$button-invisible-borderColor-hover: #00000000;
-$button-invisible-borderColor-disabled: #21262db3;
-$button-outline-fgColor-rest: #388bfd;
-$button-outline-fgColor-hover: #58a6ff;
-$button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #4493f880;
-$button-outline-bgColor-rest: #f0f6fc;
-$button-outline-bgColor-hover: #30363d;
-$button-outline-bgColor-active: #0d419d;
-$button-outline-bgColor-disabled: #0d1117;
-$button-outline-borderColor-hover: #f0f6fc1a;
-$button-outline-borderColor-selected: #f0f6fc1a;
-$button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-$button-danger-fgColor-rest: #db6d28;
-$button-danger-fgColor-hover: #ffffff;
-$button-danger-fgColor-active: #ffffff;
-$button-danger-fgColor-disabled: #db6d2880;
-$button-danger-iconColor-rest: #db6d28;
-$button-danger-iconColor-hover: #ffffff;
-$button-danger-bgColor-rest: #21262d;
-$button-danger-bgColor-hover: #9b4215;
-$button-danger-bgColor-active: #b5531d;
-$button-danger-bgColor-disabled: #21262db3;
-$button-danger-borderColor-rest: #30363d;
-$button-danger-borderColor-hover: #f0f6fc1a;
-$button-danger-borderColor-active: #f0f6fc1a;
-$button-danger-shadow-selected: 0px 0px 0px 0px #000000;
-$button-inactive-fgColor: #8b949e;
-$button-inactive-bgColor: #21262d;
-$button-star-iconColor: #e3b341;
-$buttonCounter-default-bgColor-rest: #30363d;
-$buttonCounter-invisible-bgColor-rest: #30363d;
-$buttonCounter-primary-bgColor-rest: #04260f33;
-$buttonCounter-outline-bgColor-rest: #051d4d33;
-$buttonCounter-outline-bgColor-hover: #051d4d33;
-$buttonCounter-outline-bgColor-disabled: #1f6feb0d;
-$buttonCounter-outline-fgColor-rest: #388bfd;
-$buttonCounter-outline-fgColor-hover: #58a6ff;
-$buttonCounter-outline-fgColor-disabled: #4493f880;
-$buttonCounter-danger-bgColor-hover: #ffffff33;
-$buttonCounter-danger-bgColor-disabled: #bd561d0d;
-$buttonCounter-danger-bgColor-rest: #49020233;
-$buttonCounter-danger-fgColor-rest: #db6d28;
-$buttonCounter-danger-fgColor-hover: #ffffff;
-$buttonCounter-danger-fgColor-disabled: #db6d2880;
-$reactionButton-selected-bgColor-rest: #388bfd33;
-$reactionButton-selected-bgColor-hover: #3a8cfd33;
-$reactionButton-selected-fgColor-rest: #4493f8;
-$reactionButton-selected-fgColor-hover: #79c0ff;
-$focus-outlineColor: #1f6feb;
-$menu-bgColor-active: #161b22;
-$overlay-bgColor: #161b22;
-$overlay-borderColor: #30363db3;
-$overlay-backdrop-bgColor: #161b2266;
-$selectMenu-borderColor: #484f58;
-$selectMenu-bgColor-active: #0c2d6b;
-$sideNav-bgColor-selected: #21262d;
-$skeletonLoader-bgColor: #161b22;
-$timelineBadge-bgColor: #21262d;
-$treeViewItem-leadingVisual-iconColor-rest: #848d97;
-$underlineNav-borderColor-active: #f78166;
-$underlineNav-borderColor-hover: #6e768166;
-$underlineNav-iconColor-rest: #848d97;
-$selection-bgColor: #1f6febb3;
-$fgColor-default: #e6edf3;
-$fgColor-muted: #848d97;
-$fgColor-onEmphasis: #ffffff;
-$fgColor-white: #ffffff;
-$fgColor-black: #010409;
-$fgColor-disabled: #6e7681;
-$fgColor-link: #4493f8;
-$fgColor-neutral: #6e7681;
-$fgColor-accent: #4493f8;
-$fgColor-success: #58a6ff;
-$fgColor-attention: #d29922;
-$fgColor-severe: #db6d28;
-$fgColor-danger: #db6d28;
-$fgColor-open: #f0883e;
-$fgColor-closed: #8b949e;
-$fgColor-done: #a371f7;
-$fgColor-sponsors: #db61a2;
-$bgColor-default: #0d1117;
-$bgColor-muted: #161b22;
-$bgColor-inset: #010409;
-$bgColor-emphasis: #6e7681;
-$bgColor-inverse: #ffffff;
-$bgColor-white: #ffffff;
-$bgColor-black: #010409;
-$bgColor-disabled: #21262db3;
-$bgColor-transparent: #00000000;
-$bgColor-neutral-muted: #6e768166;
-$bgColor-neutral-emphasis: #6e7681;
-$bgColor-accent-muted: #388bfd1a;
-$bgColor-accent-emphasis: #1f6feb;
-$bgColor-success-muted: #388bfd26;
-$bgColor-success-emphasis: #1f6feb;
-$bgColor-attention-muted: #bb800926;
-$bgColor-attention-emphasis: #9e6a03;
-$bgColor-severe-muted: #db6d281a;
-$bgColor-severe-emphasis: #bd561d;
-$bgColor-danger-muted: #db6d281a;
-$bgColor-danger-emphasis: #bd561d;
-$bgColor-open-muted: #db6d2866;
-$bgColor-open-emphasis: #bd561d;
-$bgColor-closed-muted: #6e768166;
-$bgColor-closed-emphasis: #6e7681;
-$bgColor-done-muted: #a371f726;
-$bgColor-done-emphasis: #8957e5;
-$bgColor-sponsors-muted: #db61a21a;
-$bgColor-sponsors-emphasis: #bf4b8a;
-$borderColor-default: #30363d;
-$borderColor-muted: #30363db3;
-$borderColor-emphasis: #484f58;
-$borderColor-disabled: #21262db3;
-$borderColor-transparent: #00000000;
-$borderColor-neutral-muted: #6e768166;
-$borderColor-neutral-emphasis: #6e7681;
-$borderColor-accent-muted: #388bfd66;
-$borderColor-accent-emphasis: #1f6feb;
-$borderColor-success-muted: #388bfd66;
-$borderColor-success-emphasis: #1f6feb;
-$borderColor-attention-muted: #bb800966;
-$borderColor-attention-emphasis: #9e6a03;
-$borderColor-severe-muted: #db6d2866;
-$borderColor-severe-emphasis: #bd561d;
-$borderColor-danger-muted: #db6d2866;
-$borderColor-danger-emphasis: #bd561d;
-$borderColor-open-muted: #db6d2866;
-$borderColor-open-emphasis: #db6d28;
-$borderColor-closed-muted: #6e768166;
-$borderColor-closed-emphasis: #6e7681;
-$borderColor-done-muted: #a371f766;
-$borderColor-done-emphasis: #8957e5;
-$borderColor-sponsors-muted: #db61a266;
-$borderColor-sponsors-emphasis: #bf4b8a;
-$color-ansi-black: #484f58;
-$color-ansi-black-bright: #6e7681;
-$color-ansi-white: #b1bac4;
-$color-ansi-white-bright: #ffffff;
-$color-ansi-gray: #6e7681;
-$color-ansi-red: #f0883e;
-$color-ansi-red-bright: #ffa657;
-$color-ansi-green: #58a6ff;
-$color-ansi-green-bright: #79c0ff;
-$color-ansi-yellow: #d29922;
-$color-ansi-yellow-bright: #e3b341;
-$color-ansi-blue: #58a6ff;
-$color-ansi-blue-bright: #79c0ff;
-$color-ansi-magenta: #bc8cff;
-$color-ansi-magenta-bright: #d2a8ff;
-$color-ansi-cyan: #39c5cf;
-$color-ansi-cyan-bright: #56d4dd;
-$color-prettylights-syntax-comment: #8b949e;
-$color-prettylights-syntax-constant: #79c0ff;
-$color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
-$color-prettylights-syntax-entity: #d2a8ff;
-$color-prettylights-syntax-storage-modifier-import: #c9d1d9;
-$color-prettylights-syntax-entity-tag: #a5d6ff;
-$color-prettylights-syntax-keyword: #f0883e;
-$color-prettylights-syntax-string: #a5d6ff;
-$color-prettylights-syntax-variable: #ffa657;
-$color-prettylights-syntax-brackethighlighter-unmatched: #db6d28;
-$color-prettylights-syntax-brackethighlighter-angle: #8b949e;
-$color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
-$color-prettylights-syntax-invalid-illegal-bg: #762d0a;
-$color-prettylights-syntax-carriage-return-text: #f0f6fc;
-$color-prettylights-syntax-carriage-return-bg: #9b4215;
-$color-prettylights-syntax-string-regexp: #a5d6ff;
-$color-prettylights-syntax-markup-list: #f2cc60;
-$color-prettylights-syntax-markup-heading: #1f6feb;
-$color-prettylights-syntax-markup-italic: #c9d1d9;
-$color-prettylights-syntax-markup-bold: #c9d1d9;
-$color-prettylights-syntax-markup-deleted-text: #ffdfb6;
-$color-prettylights-syntax-markup-deleted-bg: #5a1e02;
-$color-prettylights-syntax-markup-inserted-text: #cae8ff;
-$color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
-$color-prettylights-syntax-markup-changed-text: #ffdfb6;
-$color-prettylights-syntax-markup-changed-bg: #5a1e02;
-$color-prettylights-syntax-markup-ignored-text: #c9d1d9;
-$color-prettylights-syntax-markup-ignored-bg: #1158c7;
-$color-prettylights-syntax-meta-diff-range: #d2a8ff;
-$color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead
-$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead
-$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-0: #f0f6fc; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-1: #c9d1d9; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-2: #b1bac4; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-3: #8b949e; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-4: #6e7681; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-5: #484f58; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-6: #30363d; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-7: #21262d; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-8: #161b22; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-9: #0d1117; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-0: #cae8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-1: #a5d6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-2: #79c0ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-3: #58a6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-4: #388bfd; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-5: #1f6feb; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-6: #1158c7; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-7: #0d419d; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-8: #0c2d6b; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-9: #051d4d; // Avoid using scales, use other functional tokens instead
-$color-scale-green-0: #cae8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-1: #a5d6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-2: #79c0ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-3: #58a6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-4: #388bfd; // Avoid using scales, use other functional tokens instead
-$color-scale-green-5: #1f6feb; // Avoid using scales, use other functional tokens instead
-$color-scale-green-6: #1158c7; // Avoid using scales, use other functional tokens instead
-$color-scale-green-7: #0d419d; // Avoid using scales, use other functional tokens instead
-$color-scale-green-8: #0c2d6b; // Avoid using scales, use other functional tokens instead
-$color-scale-green-9: #051d4d; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-0: #f8e3a1; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-1: #f2cc60; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-2: #e3b341; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-3: #d29922; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-4: #bb8009; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-5: #9e6a03; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-6: #845306; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-7: #693e00; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-8: #4b2900; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-9: #341a00; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-0: #ffdfb6; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-1: #ffc680; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-2: #ffa657; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-3: #f0883e; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-4: #db6d28; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-5: #bd561d; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-6: #9b4215; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-7: #762d0a; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-8: #5a1e02; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-9: #3d1300; // Avoid using scales, use other functional tokens instead
-$color-scale-red-0: #ffdfb6; // Avoid using scales, use other functional tokens instead
-$color-scale-red-1: #ffc680; // Avoid using scales, use other functional tokens instead
-$color-scale-red-2: #ffa657; // Avoid using scales, use other functional tokens instead
-$color-scale-red-3: #f0883e; // Avoid using scales, use other functional tokens instead
-$color-scale-red-4: #db6d28; // Avoid using scales, use other functional tokens instead
-$color-scale-red-5: #bd561d; // Avoid using scales, use other functional tokens instead
-$color-scale-red-6: #9b4215; // Avoid using scales, use other functional tokens instead
-$color-scale-red-7: #762d0a; // Avoid using scales, use other functional tokens instead
-$color-scale-red-8: #5a1e02; // Avoid using scales, use other functional tokens instead
-$color-scale-red-9: #3d1300; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-0: #eddeff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-1: #e2c5ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-2: #d2a8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-3: #bc8cff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-4: #a371f7; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-5: #8957e5; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-6: #6e40c9; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-7: #553098; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-8: #3c1e70; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-9: #271052; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-0: #ffdaec; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-1: #ffbedd; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-2: #ff9bce; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-3: #f778ba; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-4: #db61a2; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-5: #bf4b8a; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-6: #9e3670; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-7: #7d2457; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-8: #5e103e; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-9: #42062a; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-0: #ffddd2; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-1: #ffc2b2; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-2: #ffa28b; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-3: #f78166; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-4: #ea6045; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-5: #cf462d; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-6: #ac3220; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-7: #872012; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead
-$shadow-inset: inset 0px 1px 0px 0px #0104093d;
-$shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
-$shadow-resting-small: 0px 1px 0px 0px #01040966;
-$shadow-resting-medium: 0px 3px 6px 0px #010409cc;
-$shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-$shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
-$shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
-$shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
-$shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
-$outline-focus: #1f6feb solid 2px;