jekyll-v4-theme-primer 0.12.0 → 0.13.0

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

@@ -1,7 +1,3 @@
-@mixin primer-colors-size-coarse {
-  & {
-    --control-minTarget-auto: 2.75rem;
-    --controlStack-small-gap-auto: 1rem;
-    --controlStack-medium-gap-auto: 0.75rem;
-  }
-}
+$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

@@ -1,7 +1,3 @@
-@mixin primer-colors-size-fine {
-  & {
-    --control-minTarget-auto: 1rem;
-    --controlStack-small-gap-auto: 0.5rem;
-    --controlStack-medium-gap-auto: 0.5rem;
-  }
-}
+$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

@@ -1,51 +1,72 @@
-@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;
-  }
-}
+$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/tokens-next-private/scss/functional/size/viewport.scss

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