jekyll-v4-theme-primer 0.12.0 → 0.13.0

data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss

@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
     --color-select-menu-tap-focus-bg: #0c2d6b;
     --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
+    --color-overlay-backdrop: rgba(22,27,34,0.4);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #161b22;
     --color-header-divider: #8b949e;
@@ -215,14 +216,14 @@
     --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
     --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
     --color-btn-primary-icon: #ffffff;
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
-    --color-btn-outline-text: #58a6ff;
+    --color-btn-primary-counter-bg: rgba(5,29,77,0.2);
+    --color-btn-outline-text: #388bfd;
     --color-btn-outline-hover-text: #58a6ff;
     --color-btn-outline-hover-bg: #30363d;
     --color-btn-outline-hover-border: rgba(240,246,252,0.1);
     --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
     --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
-    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-outline-hover-counter-bg: rgba(5,29,77,0.2);
     --color-btn-outline-selected-text: #ffffff;
     --color-btn-outline-selected-bg: #0d419d;
     --color-btn-outline-selected-border: rgba(240,246,252,0.1);
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
     --color-btn-outline-disabled-bg: #0d1117;
     --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
-    --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
+    --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
+    --color-btn-outline-hover-counter-fg: #58a6ff;
+    --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5);
+    --color-btn-outline-counter-fg: #388bfd;
     --color-btn-danger-text: #f85149;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #da3633;
@@ -246,8 +250,13 @@
     --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
     --color-btn-danger-disabled-bg: #0d1117;
     --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
-    --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
+    --color-btn-danger-counter-bg: rgba(73,2,2,0.2);
     --color-btn-danger-icon: #f85149;
+    --color-btn-danger-counter-fg: #f85149;
+    --color-btn-danger-disabled-counter-fg: rgba(248,81,73,0.5);
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-inactive-bg: #21262d;
+    --color-btn-inactive-text: #8b949e;
     --color-underlinenav-icon: #6e7681;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-action-list-item-inline-divider: rgba(48,54,61,0.48);

data/_sass/@primer/primitives/dist/scss/colors/_light.scss

@@ -21,9 +21,9 @@
     --color-diffstat-addition-border: rgba(31,35,40,0.15);
     --color-diffstat-addition-bg: #1f883d;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
-    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #116329;
     --color-prettylights-syntax-keyword: #cf222e;
@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
     --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12);
+    --color-overlay-backdrop: rgba(140,149,159,0.2);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #24292f;
     --color-header-divider: #57606a;
@@ -215,7 +216,7 @@
     --color-btn-primary-disabled-bg: #94d3a2;
     --color-btn-primary-disabled-border: rgba(31,35,40,0.15);
     --color-btn-primary-icon: rgba(255,255,255,0.8);
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-primary-counter-bg: rgba(0,45,17,0.2);
     --color-btn-outline-text: #0969da;
     --color-btn-outline-hover-text: #ffffff;
     --color-btn-outline-hover-bg: #0969da;
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
     --color-btn-outline-disabled-bg: #f6f8fa;
     --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
-    --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
+    --color-btn-outline-counter-bg: #0969da1a;
+    --color-btn-outline-counter-fg: #0550ae;
+    --color-btn-outline-hover-counter-fg: #ffffff;
+    --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
     --color-btn-danger-text: #cf222e;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #a40e26;
@@ -248,6 +252,11 @@
     --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
     --color-btn-danger-icon: #cf222e;
     --color-btn-danger-hover-icon: #ffffff;
+    --color-btn-danger-counter-fg: #a40e26;
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
+    --color-btn-inactive-bg: #eaeef2;
+    --color-btn-inactive-text: #57606a;
     --color-underlinenav-icon: #6e7781;
     --color-underlinenav-border-hover: rgba(175,184,193,0.2);
     --color-action-list-item-inline-divider: rgba(208,215,222,0.48);

data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss

@@ -21,9 +21,9 @@
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
-    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #b35900;
@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
     --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
+    --color-overlay-backdrop: rgba(140,149,159,0.2);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #24292f;
     --color-header-divider: #57606a;
@@ -215,7 +216,7 @@
     --color-btn-primary-disabled-bg: #80ccff;
     --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
     --color-btn-primary-icon: rgba(255,255,255,0.8);
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-primary-counter-bg: rgba(0,33,85,0.2);
     --color-btn-outline-text: #0969da;
     --color-btn-outline-hover-text: #ffffff;
     --color-btn-outline-hover-bg: #0969da;
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
     --color-btn-outline-disabled-bg: #f6f8fa;
     --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
-    --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
+    --color-btn-outline-counter-bg: #0969da1a;
+    --color-btn-outline-counter-fg: #0550ae;
+    --color-btn-outline-hover-counter-fg: #ffffff;
+    --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
     --color-btn-danger-text: #b35900;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #8a4600;
@@ -248,6 +252,11 @@
     --color-btn-danger-counter-bg: rgba(179,89,0,0.1);
     --color-btn-danger-icon: #b35900;
     --color-btn-danger-hover-icon: #ffffff;
+    --color-btn-danger-counter-fg: #8a4600;
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-danger-disabled-counter-fg: rgba(179,89,0,0.5);
+    --color-btn-inactive-bg: #eaeef2;
+    --color-btn-inactive-text: #57606a;
     --color-underlinenav-icon: #6e7781;
     --color-underlinenav-border-hover: rgba(175,184,193,0.2);
     --color-action-list-item-inline-divider: rgba(208,215,222,0.48);

data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss

@@ -21,9 +21,9 @@
     --color-diffstat-addition-border: rgba(1,4,9,0.8);
     --color-diffstat-addition-bg: #055d20;
     --color-search-keyword-hl: #fcf7be;
-    --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-comment: #4b535d;
     --color-prettylights-syntax-constant: #023b95;
-    --color-prettylights-syntax-entity: #622cbc;
+    --color-prettylights-syntax-entity: #512598;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;
     --color-prettylights-syntax-entity-tag: #024c1a;
     --color-prettylights-syntax-keyword: #a0111f;
@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
     --color-select-menu-tap-focus-bg: #9cd7ff;
     --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
+    --color-overlay-backdrop: rgba(136,146,157,0.2);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #0e1116;
     --color-header-divider: #acb6c0;
@@ -215,7 +216,7 @@
     --color-btn-primary-disabled-bg: #94d3a2;
     --color-btn-primary-disabled-border: rgba(1,4,9,0.8);
     --color-btn-primary-icon: rgba(255,255,255,0.8);
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-primary-counter-bg: rgba(0,35,11,0.2);
     --color-btn-outline-text: #023b95;
     --color-btn-outline-hover-text: #ffffff;
     --color-btn-outline-hover-bg: #0349b4;
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(3,73,180,0.5);
     --color-btn-outline-disabled-bg: #e7ecf0;
     --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05);
-    --color-btn-outline-counter-bg: rgba(3,73,180,0.1);
+    --color-btn-outline-counter-bg: #0969da1a;
+    --color-btn-outline-counter-fg: #023b95;
+    --color-btn-outline-hover-counter-fg: #ffffff;
+    --color-btn-outline-disabled-counter-fg: rgba(3,73,180,0.5);
     --color-btn-danger-text: #86061d;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #a0111f;
@@ -248,6 +252,11 @@
     --color-btn-danger-counter-bg: rgba(160,17,31,0.1);
     --color-btn-danger-icon: #86061d;
     --color-btn-danger-hover-icon: #ffffff;
+    --color-btn-danger-counter-fg: #86061d;
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-danger-disabled-counter-fg: rgba(160,17,31,0.5);
+    --color-btn-inactive-bg: #e7ecf0;
+    --color-btn-inactive-text: #4b535d;
     --color-underlinenav-icon: #66707b;
     --color-underlinenav-border-hover: rgba(172,182,192,0.2);
     --color-action-list-item-inline-divider: #88929d;

data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss

@@ -21,9 +21,9 @@
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
-    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;
     --color-prettylights-syntax-entity-tag: #0550ae;
     --color-prettylights-syntax-keyword: #cf222e;
@@ -164,6 +164,7 @@
     --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
     --color-select-menu-tap-focus-bg: #b6e3ff;
     --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
+    --color-overlay-backdrop: rgba(140,149,159,0.2);
     --color-header-text: rgba(255,255,255,0.7);
     --color-header-bg: #24292f;
     --color-header-divider: #57606a;
@@ -215,7 +216,7 @@
     --color-btn-primary-disabled-bg: #80ccff;
     --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
     --color-btn-primary-icon: rgba(255,255,255,0.8);
-    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
+    --color-btn-primary-counter-bg: rgba(0,33,85,0.2);
     --color-btn-outline-text: #0969da;
     --color-btn-outline-hover-text: #ffffff;
     --color-btn-outline-hover-bg: #0969da;
@@ -230,7 +231,10 @@
     --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
     --color-btn-outline-disabled-bg: #f6f8fa;
     --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
-    --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
+    --color-btn-outline-counter-bg: #0969da1a;
+    --color-btn-outline-counter-fg: #0550ae;
+    --color-btn-outline-hover-counter-fg: #ffffff;
+    --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5);
     --color-btn-danger-text: #cf222e;
     --color-btn-danger-hover-text: #ffffff;
     --color-btn-danger-hover-bg: #a40e26;
@@ -248,6 +252,11 @@
     --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
     --color-btn-danger-icon: #cf222e;
     --color-btn-danger-hover-icon: #ffffff;
+    --color-btn-danger-counter-fg: #a40e26;
+    --color-btn-danger-hover-counter-fg: #ffffff;
+    --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
+    --color-btn-inactive-bg: #eaeef2;
+    --color-btn-inactive-text: #57606a;
     --color-underlinenav-icon: #6e7781;
     --color-underlinenav-border-hover: rgba(175,184,193,0.2);
     --color-action-list-item-inline-divider: rgba(208,215,222,0.48);

data/_sass/@primer/primitives/dist/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/dist/scss/functional/size/border.scss

@@ -0,0 +1,12 @@
+$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/dist/scss/functional/size/breakpoints.scss

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

data/_sass/@primer/primitives/dist/scss/functional/size/size-coarse.scss

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

data/_sass/@primer/primitives/dist/scss/functional/size/size-fine.scss

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

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

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

data/_sass/@primer/primitives/dist/scss/functional/size/viewport.scss

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