@primer/primitives 7.9.0 → 7.10.0-rc.3d7410a

package/tokens-v2-private/js/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

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

@@ -0,0 +1,21 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$base-size-128: 8rem;
+$base-size-112: 7rem;
+$base-size-96: 6rem;
+$base-size-80: 5rem;
+$base-size-64: 4rem;
+$base-size-48: 3rem;
+$base-size-44: 2.75rem;
+$base-size-40: 2.5rem;
+$base-size-36: 2.25rem;
+$base-size-32: 2rem;
+$base-size-28: 1.75rem;
+$base-size-24: 1.5rem;
+$base-size-20: 1.25rem;
+$base-size-16: 1rem;
+$base-size-12: 0.75rem;
+$base-size-8: 0.5rem;
+$base-size-4: 0.25rem;

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

@@ -0,0 +1,8 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$base-text-weight-semibold: 600;
+$base-text-weight-medium: 500;
+$base-text-weight-normal: 400;
+$base-text-weight-light: 300;

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

@@ -0,0 +1,14 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-borderRadius-full: 100vh;
+$primer-borderRadius-large: 0.75rem;
+$primer-borderRadius-medium: 0.375rem;
+$primer-borderRadius-small: 0.1875rem;
+$primer-borderWidth-thicker: max(4px, 0.25rem);
+$primer-borderWidth-thick: max(2px, 0.125rem);
+$primer-borderWidth-thin: max(1px, 0.0625rem);
+$primer-borderInset-thicker: inset 0 0 0 $primer-borderWidth-thicker;
+$primer-borderInset-thick: inset 0 0 0 $primer-borderWidth-thick;
+$primer-borderInset-thin: inset 0 0 0 $primer-borderWidth-thin;

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

@@ -0,0 +1,10 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-breakpoint-xxlarge: 90rem;
+$primer-breakpoint-xlarge: 80rem;
+$primer-breakpoint-large: 63.25rem;
+$primer-breakpoint-medium: 48rem;
+$primer-breakpoint-small: 34rem;
+$primer-breakpoint-xsmall: 20rem;

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

@@ -0,0 +1,7 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-controlStack-medium-gap-auto: $base-size-12;
+$primer-controlStack-small-gap-auto: $base-size-16;
+$primer-control-minTarget-auto: $base-size-44;

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

@@ -0,0 +1,7 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-controlStack-medium-gap-auto: $base-size-8;
+$primer-controlStack-small-gap-auto: $base-size-8;
+$primer-control-minTarget-auto: $base-size-16;

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

@@ -0,0 +1,51 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-controlStack-large-gap-spacious: $base-size-12;
+$primer-controlStack-large-gap-condensed: $base-size-8;
+$primer-controlStack-large-gap-auto: $base-size-8;
+$primer-controlStack-medium-gap-spacious: $base-size-12;
+$primer-controlStack-medium-gap-condensed: $base-size-8;
+$primer-controlStack-small-gap-spacious: $base-size-16;
+$primer-controlStack-small-gap-condensed: $base-size-8;
+$primer-stack-gap-spacious: $base-size-24;
+$primer-stack-gap-normal: $base-size-16;
+$primer-stack-gap-condensed: $base-size-8;
+$primer-stack-padding-spacious: $base-size-24;
+$primer-stack-padding-normal: $base-size-16;
+$primer-stack-padding-condensed: $base-size-8;
+$primer-control-xlarge-gap: $base-size-8;
+$primer-control-xlarge-paddingInline-spacious: $base-size-16;
+$primer-control-xlarge-paddingInline-normal: $base-size-12;
+$primer-control-xlarge-lineBoxHeight: $base-size-20;
+$primer-control-xlarge-size: $base-size-48;
+$primer-control-large-gap: $base-size-8;
+$primer-control-large-paddingInline-spacious: $base-size-16;
+$primer-control-large-paddingInline-normal: $base-size-12;
+$primer-control-large-lineBoxHeight: $base-size-20;
+$primer-control-large-size: $base-size-40;
+$primer-control-medium-gap: $base-size-8;
+$primer-control-medium-paddingInline-spacious: $base-size-16;
+$primer-control-medium-paddingInline-normal: $base-size-12;
+$primer-control-medium-paddingInline-condensed: $base-size-8;
+$primer-control-medium-lineBoxHeight: $base-size-20;
+$primer-control-medium-size: $base-size-32;
+$primer-control-small-gap: $base-size-4;
+$primer-control-small-paddingInline-normal: $base-size-12;
+$primer-control-small-paddingInline-condensed: $base-size-8;
+$primer-control-small-lineBoxHeight: $base-size-20;
+$primer-control-small-size: $base-size-28;
+$primer-control-xsmall-gap: $base-size-4;
+$primer-control-xsmall-paddingInline-spacious: $base-size-12;
+$primer-control-xsmall-paddingInline-normal: $base-size-8;
+$primer-control-xsmall-paddingInline-condensed: $base-size-4;
+$primer-control-xsmall-lineBoxHeight: $base-size-20;
+$primer-control-xsmall-size: $base-size-24;
+$primer-control-minTarget-coarse: $base-size-44;
+$primer-control-minTarget-fine: $base-size-16;
+$primer-control-xlarge-paddingBlock: calc(($primer-control-xlarge-size - $primer-control-xlarge-lineBoxHeight) / 2);
+$primer-control-large-paddingBlock: calc(($primer-control-large-size - $primer-control-large-lineBoxHeight) / 2);
+$primer-control-medium-paddingBlock: calc(($primer-control-medium-size - $primer-control-medium-lineBoxHeight) / 2);
+$primer-control-small-paddingBlock: calc(($primer-control-small-size - $primer-control-small-lineBoxHeight) / 2);
+$primer-control-xsmall-paddingBlock: calc(($primer-control-xsmall-size - $primer-control-xsmall-lineBoxHeight) / 2);

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

@@ -0,0 +1,10 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-viewportRange-landscape: (orientation: landscape);
+$primer-viewportRange-portrait: (orientation: portrait);
+$primer-viewportRange-wide: (min-width: $primer-breakpoint-xxlarge);
+$primer-viewportRange-regular: (min-width: $primer-breakpoint-medium);
+$primer-viewportRange-narrowLandscape: (max-width: calc($primer-breakpoint-large - 0.02px) and (max-height: calc($primer-breakpoint-small - 0.02px)) and (orientation: landscape));
+$primer-viewportRange-narrow: (max-width: calc($primer-breakpoint-medium - 0.02px));

package/tokens-v2-private/scss/tokens/functional/typography/typography.scss

@@ -0,0 +1,44 @@
+
+// Do not edit directly
+// Generated on Thu, 22 Sep 2022 15:30:40 GMT
+
+$primer-text-codeInline-size: 0.9285em;
+$primer-text-codeBlock-lineHeight: calc(20/13);
+$primer-text-codeBlock-size: 0.8125rem;
+$primer-text-caption-lineHeight: calc(16/12);
+$primer-text-caption-size: 0.75rem;
+$primer-text-body-lineHeight-small: calc(20/12);
+$primer-text-body-lineHeight-medium: calc(20/14);
+$primer-text-body-lineHeight-large: calc(24/16);
+$primer-text-body-size-small: 0.75rem;
+$primer-text-body-size-medium: 0.875rem;
+$primer-text-body-size-large: 1rem;
+$primer-text-subtitle-lineHeight: calc(32/20);
+$primer-text-subtitle-size: 1.25rem;
+$primer-text-title-lineHeight-medium: calc(32/20);
+$primer-text-title-lineHeight-large: calc(48/32);
+$primer-text-title-size-medium: 1.25rem;
+$primer-text-title-size-large: 2rem;
+$primer-text-display-lineHeight: calc(56/40);
+$primer-text-display-size: 2.5rem;
+$primer-text-display-lineBoxHeight: 3.5rem;
+$primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+$primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$primer-text-codeInline-weight: $base-text-weight-normal;
+$primer-text-codeBlock-weight: $base-text-weight-normal;
+$primer-text-caption-weight: $base-text-weight-normal;
+$primer-text-body-weight: $base-text-weight-normal;
+$primer-text-subtitle-weight: $base-text-weight-normal;
+$primer-text-title-weight: $base-text-weight-semibold;
+$primer-text-display-weight: $base-text-weight-medium;
+$primer-text-codeInline-shorthand: $primer-text-codeInline-weight $primer-text-codeInline-size $primer-fontStack-monospace;
+$primer-text-codeBlock-shorthand: $primer-text-codeBlock-weight $primer-text-codeBlock-size/$primer-text-codeBlock-lineHeight $primer-fontStack-monospace;
+$primer-text-caption-shorthand: $primer-text-caption-weight $primer-text-caption-size/$primer-text-caption-lineHeight $primer-fontStack-sansSerif;
+$primer-text-body-shorthand-small: $primer-text-body-weight $primer-text-body-size-small/$primer-text-body-lineHeight-small $primer-fontStack-sansSerif;
+$primer-text-body-shorthand-medium: $primer-text-body-weight $primer-text-body-size-medium/$primer-text-body-lineHeight-medium $primer-fontStack-sansSerif;
+$primer-text-body-shorthand-large: $primer-text-body-weight $primer-text-body-size-large/$primer-text-body-lineHeight-large $primer-fontStack-sansSerif;
+$primer-text-subtitle-shorthand: $primer-text-subtitle-weight $primer-text-subtitle-size/$primer-text-subtitle-lineHeight $primer-fontStack-sansSerif;
+$primer-text-title-shorthand-medium: $primer-text-title-weight $primer-text-title-size-medium/$primer-text-title-lineHeight-medium $primer-fontStack-sansSerif;
+$primer-text-title-shorthand-large: $primer-text-title-weight $primer-text-title-size-large/$primer-text-title-lineHeight-large $primer-fontStack-sansSerif;
+$primer-text-display-shorthand: $primer-text-display-weight $primer-text-display-size/$primer-text-display-lineHeight $primer-fontStack-sansSerif;

package/tokens-v2-private/ts/tokens/base/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/size/border.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {

package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 declare const tokens: {

package/tokens-v2-private/ts/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Thu, 22 Sep 2022 15:30:40 GMT
  */
 
 module.exports = {