@primer/primitives 7.13.0 → 7.13.1-rc.0fa7554

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

@@ -1,71 +1,67 @@
-@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: 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;
-    --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;
-  }
-}
+$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;
+$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;

package/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: 90rem);
+$viewportRange-portrait: (orientation: portrait);
+$viewportRange-landscape: (orientation: landscape);