jekyll-v4-theme-primer 0.9.0 → 0.10.0

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

@@ -19,7 +19,7 @@
     --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
     --color-diffstat-deletion-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
-    --color-diffstat-addition-bg: #218bff;
+    --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
     --color-prettylights-syntax-comment: #6e7781;
     --color-prettylights-syntax-constant: #0550ae;
@@ -86,7 +86,7 @@
     --color-checks-input-shadow: none;
     --color-checks-donut-error: #fa4549;
     --color-checks-donut-pending: #bf8700;
-    --color-checks-donut-success: #218bff;
+    --color-checks-donut-success: #0969da;
     --color-checks-donut-neutral: #afb8c1;
     --color-checks-dropdown-text: #afb8c1;
     --color-checks-dropdown-bg: #32383f;
@@ -152,11 +152,12 @@
     --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
     --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #858F99;
     --color-avatar-bg: #ffffff;
     --color-avatar-border: rgba(27,31,36,0.15);
     --color-avatar-stack-fade: #afb8c1;
     --color-avatar-stack-fade-more: #d0d7de;
-    --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
+    --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8);
     --color-topic-tag-border: rgba(0,0,0,0);
     --color-counter-border: rgba(0,0,0,0);
     --color-select-menu-backdrop-border: rgba(0,0,0,0);
@@ -200,14 +201,9 @@
     --color-btn-active-bg: hsla(220,14%,93%,1);
     --color-btn-active-border: rgba(27,31,36,0.15);
     --color-btn-selected-bg: hsla(220,14%,94%,1);
-    --color-btn-focus-bg: #f6f8fa;
-    --color-btn-focus-border: rgba(27,31,36,0.15);
-    --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
-    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
-    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
     --color-btn-counter-bg: rgba(27,31,36,0.08);
     --color-btn-primary-text: #ffffff;
-    --color-btn-primary-bg: #218bff;
+    --color-btn-primary-bg: #0969da;
     --color-btn-primary-border: rgba(27,31,36,0.15);
     --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
     --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
@@ -218,9 +214,6 @@
     --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
     --color-btn-primary-disabled-bg: #80ccff;
     --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
-    --color-btn-primary-focus-bg: #218bff;
-    --color-btn-primary-focus-border: rgba(27,31,36,0.15);
-    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(33,139,255,0.4);
     --color-btn-primary-icon: rgba(255,255,255,0.8);
     --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
     --color-btn-outline-text: #0969da;
@@ -237,8 +230,6 @@
     --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-focus-border: rgba(27,31,36,0.15);
-    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
     --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
     --color-btn-danger-text: #cf222e;
     --color-btn-danger-hover-text: #ffffff;
@@ -254,8 +245,6 @@
     --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
     --color-btn-danger-disabled-bg: #f6f8fa;
     --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
-    --color-btn-danger-focus-border: rgba(27,31,36,0.15);
-    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
     --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
     --color-btn-danger-icon: #cf222e;
     --color-btn-danger-hover-icon: #ffffff;
@@ -271,17 +260,29 @@
     --color-action-list-item-danger-active-bg: #ffebe9;
     --color-action-list-item-danger-hover-text: #cf222e;
     --color-switch-track-bg: #eaeef2;
-    --color-switch-track-border: #afb8c1;
-    --color-switch-track-checked-bg: #ddf4ff;
-    --color-switch-track-checked-hover-bg: #b6e3ff;
-    --color-switch-track-checked-active-bg: #80ccff;
-    --color-switch-track-checked-border: #54aeff;
-    --color-switch-knob-checked-bg: #0969da;
-    --color-switch-knob-checked-disabled-bg: #6e7781;
+    --color-switch-track-hover-bg: hsla(210,24%,90%,1);
+    --color-switch-track-active-bg: hsla(210,24%,88%,1);
+    --color-switch-track-disabled-bg: #8c959f;
+    --color-switch-track-fg: #57606a;
+    --color-switch-track-disabled-fg: #ffffff;
+    --color-switch-track-border: rgba(0,0,0,0);
+    --color-switch-track-checked-bg: #0969da;
+    --color-switch-track-checked-hover-bg: #0860CA;
+    --color-switch-track-checked-active-bg: #0757BA;
+    --color-switch-track-checked-fg: #ffffff;
+    --color-switch-track-checked-disabled-fg: #ffffff;
+    --color-switch-track-checked-border: rgba(0,0,0,0);
+    --color-switch-knob-bg: #ffffff;
+    --color-switch-knob-disabled-bg: #f6f8fa;
+    --color-switch-knob-border: #858F99;
+    --color-switch-knob-checked-bg: #ffffff;
+    --color-switch-knob-checked-disabled-bg: #f6f8fa;
+    --color-switch-knob-checked-border: #0969da;
     --color-segmented-control-bg: #eaeef2;
+    --color-segmented-control-button-bg: #ffffff;
     --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
     --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
-    --color-segmented-control-button-selected-border: #6e7781;
+    --color-segmented-control-button-selected-border: #8c959f;
     --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
     --color-tree-view-item-directory-fill: #54aeff;
     --color-fg-default: #24292f;
@@ -308,11 +309,11 @@
     --color-accent-muted: rgba(84,174,255,0.4);
     --color-accent-subtle: #ddf4ff;
     --color-success-fg: #0969da;
-    --color-success-emphasis: #218bff;
+    --color-success-emphasis: #0969da;
     --color-success-muted: rgba(84,174,255,0.4);
     --color-success-subtle: #ddf4ff;
     --color-attention-fg: #9a6700;
-    --color-attention-emphasis: #bf8700;
+    --color-attention-emphasis: #9a6700;
     --color-attention-muted: rgba(212,167,44,0.4);
     --color-attention-subtle: #fff8c5;
     --color-severe-fg: #cf222e;
@@ -346,7 +347,6 @@
     --color-primer-border-contrast: rgba(27,31,36,0.1);
     --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
     --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
-    --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
     --color-scale-black: #1b1f24;
     --color-scale-white: #ffffff;
     --color-scale-gray-0: #f6f8fa;

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

@@ -0,0 +1,21 @@
+@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;
+  }
+}

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

@@ -0,0 +1,8 @@
+@mixin primer-colors-typography {
+  & {
+    --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/size/border.scss

@@ -0,0 +1,16 @@
+@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;
+  }
+}

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

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

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

@@ -0,0 +1,7 @@
+@mixin primer-colors-size-coarse {
+  & {
+    --control-minTarget-auto: 2.75rem;
+    --controlStack-small-gap-auto: 1rem;
+    --controlStack-medium-gap-auto: 0.75rem;
+  }
+}

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

@@ -0,0 +1,7 @@
+@mixin primer-colors-size-fine {
+  & {
+    --control-minTarget-auto: 1rem;
+    --controlStack-small-gap-auto: 0.5rem;
+    --controlStack-medium-gap-auto: 0.5rem;
+  }
+}

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

@@ -0,0 +1,51 @@
+@mixin primer-colors-size {
+  & {
+    --control-minTarget-fine: 1rem;
+    --control-minTarget-coarse: 2.75rem;
+    --control-xsmall-size: 1.5rem;
+    --control-xsmall-lineBoxHeight: 1.25rem;
+    --control-xsmall-paddingBlock: calc((1.5rem - 1.25rem) / 2);
+    --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: calc((1.75rem - 1.25rem) / 2);
+    --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: calc((2rem - 1.25rem) / 2);
+    --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: calc((2.5rem - 1.25rem) / 2);
+    --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: calc((3rem - 1.25rem) / 2);
+    --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;
+    --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;
+  }
+}

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

@@ -0,0 +1,19 @@
+@mixin primer-colors-viewport {
+  & {
+    --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: 90rem);
+    --viewportRange-portrait: (orientation: portrait);
+    --viewportRange-landscape: (orientation: landscape);
+  }
+}