@primer/primitives 7.9.0 → 7.10.0-rc.15b37d5

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

@@ -0,0 +1,7 @@
+
+// Do not edit directly
+// Generated on Tue, 11 Oct 2022 10:49:29 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 Tue, 11 Oct 2022 10:49:29 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 Tue, 11 Oct 2022 10:49:29 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 Tue, 11 Oct 2022 10:49:29 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,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "base": {
     "size": {
@@ -26,4 +28,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "base": {
     "size": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "base": {
     "text": {
@@ -15,4 +17,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "base": {
     "text": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "borderInset": {
@@ -23,4 +25,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "borderInset": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "breakpoint": {
@@ -15,4 +17,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "breakpoint": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "control": {
@@ -24,4 +26,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "control": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "control": {
@@ -24,4 +26,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "control": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "control": {
@@ -98,4 +100,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "control": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "viewportRange": {
@@ -15,4 +17,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "viewportRange": {

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 declare const tokens: {
   "primer": {
     "fontStack": {
@@ -126,4 +128,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

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

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Thu, 21 Jul 2022 02:01:29 GMT
+ * Generated on Tue, 11 Oct 2022 10:49:29 GMT
  */
 
+
+    
 module.exports = {
   "primer": {
     "fontStack": {