@primer/react-brand 0.20.0 → 0.20.1-rc.936afc7

package/lib/design-tokens/scss/tokens/functional/size/size.scss

@@ -0,0 +1,49 @@
+
+// Do not edit directly
+// Generated on Tue, 30 May 2023 12:29:27 GMT
+
+$brand-controlStack-large-gap-spacious: $base-size-12;
+$brand-controlStack-large-gap-condensed: $base-size-8;
+$brand-controlStack-large-gap-auto: $base-size-8;
+$brand-controlStack-medium-gap-spacious: $base-size-12;
+$brand-controlStack-medium-gap-condensed: $base-size-8;
+$brand-controlStack-small-gap-spacious: $base-size-16;
+$brand-controlStack-small-gap-condensed: $base-size-8;
+$brand-stack-gap-spacious: $base-size-48;
+$brand-stack-gap-normal: $base-size-24;
+$brand-stack-gap-condensed: $base-size-16;
+$brand-stack-padding-spacious: $base-size-48;
+$brand-stack-padding-normal: $base-size-24;
+$brand-stack-padding-condensed: $base-size-16;
+$brand-control-xlarge-gap: $base-size-8;
+$brand-control-xlarge-paddingInline-spacious: $base-size-16;
+$brand-control-xlarge-paddingInline-normal: $base-size-12;
+$brand-control-xlarge-lineBoxHeight: $base-size-20;
+$brand-control-xlarge-size: $base-size-48;
+$brand-control-large-gap: $base-size-8;
+$brand-control-large-paddingInline-spacious: $base-size-16;
+$brand-control-large-paddingInline-normal: $base-size-12;
+$brand-control-large-paddingBlock: calc(($brand-control-large-size - $brand-control-large-lineBoxHeight) / 2);
+$brand-control-large-lineBoxHeight: $base-size-20;
+$brand-control-medium-gap: $base-size-8;
+$brand-control-medium-paddingInline-spacious: $base-size-16;
+$brand-control-medium-paddingInline-normal: $base-size-12;
+$brand-control-medium-paddingInline-condensed: $base-size-8;
+$brand-control-medium-paddingBlock: calc(($brand-control-medium-size - $brand-control-medium-lineBoxHeight) / 2);
+$brand-control-medium-lineBoxHeight: $base-size-20;
+$brand-control-small-gap: $base-size-4;
+$brand-control-small-paddingInline-normal: $base-size-12;
+$brand-control-small-paddingInline-condensed: $base-size-8;
+$brand-control-small-lineBoxHeight: $base-size-20;
+$brand-control-small-size: $base-size-28;
+$brand-control-xsmall-gap: $base-size-4;
+$brand-control-xsmall-paddingInline-spacious: $base-size-12;
+$brand-control-xsmall-paddingInline-normal: $base-size-8;
+$brand-control-xsmall-paddingInline-condensed: $base-size-4;
+$brand-control-xsmall-lineBoxHeight: $base-size-20;
+$brand-control-xsmall-size: $base-size-24;
+$brand-control-minTarget-coarse: $base-size-44;
+$brand-control-minTarget-fine: $base-size-16;
+$brand-control-xlarge-paddingBlock: calc(($brand-control-xlarge-size - $brand-control-xlarge-lineBoxHeight) / 2);
+$brand-control-small-paddingBlock: calc(($brand-control-small-size - $brand-control-small-lineBoxHeight) / 2);
+$brand-control-xsmall-paddingBlock: calc(($brand-control-xsmall-size - $brand-control-xsmall-lineBoxHeight) / 2);

package/lib/design-tokens/scss/tokens/functional/size/viewport.scss

@@ -0,0 +1,10 @@
+
+// Do not edit directly
+// Generated on Tue, 30 May 2023 12:29:27 GMT
+
+$brand-viewportRange-landscape: (orientation: landscape);
+$brand-viewportRange-portrait: (orientation: portrait);
+$brand-viewportRange-wide: (min-width: $brand-breakpoint-xxlarge);
+$brand-viewportRange-regular: (min-width: $brand-breakpoint-medium);
+$brand-viewportRange-narrowLandscape: (max-width: calc($brand-breakpoint-large - 0.02px) and (max-height: calc($brand-breakpoint-small - 0.02px)) and (orientation: landscape));
+$brand-viewportRange-narrow: (max-width: calc($brand-breakpoint-medium - 0.02px));

package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss

@@ -0,0 +1,8 @@
+
+// Do not edit directly
+// Generated on Tue, 30 May 2023 12:29:27 GMT
+
+$brand-heading-lineHeight-700: 2rem;
+$brand-heading-lineHeight-600: 1.75rem;
+$brand-heading-lineHeight-500: 1.5rem;
+$brand-heading-lineHeight-400: 1.25rem;

package/lib/design-tokens/scss/tokens/functional/typography/typography.scss

@@ -0,0 +1,62 @@
+
+// Do not edit directly
+// Generated on Tue, 30 May 2023 12:29:27 GMT
+
+$brand-text-style-italic-10: 'ital' 10;
+$brand-text-style-italic-9: 'ital' 9;
+$brand-text-style-italic-8: 'ital' 8;
+$brand-text-style-italic-7: 'ital' 7;
+$brand-text-style-italic-6: 'ital' 6;
+$brand-text-style-italic-5: 'ital' 5;
+$brand-text-style-italic-4: 'ital' 4;
+$brand-text-style-italic-3: 'ital' 3;
+$brand-text-style-italic-2: 'ital' 2;
+$brand-text-style-italic-1: 'ital' 1;
+$brand-text-letterSpacing-1000: -0.01em;
+$brand-text-letterSpacing-900: -0.01em;
+$brand-text-letterSpacing-800: -0.01em;
+$brand-text-letterSpacing-700: -0.01em;
+$brand-text-lineHeight-1000: 3.25rem;
+$brand-text-lineHeight-900: 2.75rem;
+$brand-text-lineHeight-800: 2.25rem;
+$brand-text-lineHeight-700: 2.5rem;
+$brand-text-lineHeight-600: 2rem;
+$brand-text-lineHeight-500: 1.75rem;
+$brand-text-lineHeight-400: 1.5rem;
+$brand-text-lineHeight-300: 1.5rem;
+$brand-text-lineHeight-200: 1.25rem;
+$brand-text-lineHeight-100: 1.25rem;
+$brand-text-size-1000: 3rem;
+$brand-text-size-900: 2.5rem;
+$brand-text-size-800: 2rem;
+$brand-text-size-700: 1.75rem;
+$brand-text-size-600: 1.5rem;
+$brand-text-size-500: 1.25rem;
+$brand-text-size-400: 1rem;
+$brand-text-size-300: 1rem;
+$brand-text-size-200: 0.875rem;
+$brand-text-size-100: 0.75rem;
+$brand-text-weight-1000: var(--base-text-weight-extrabold);
+$brand-text-weight-900: var(--base-text-weight-extrabold);
+$brand-text-weight-800: var(--base-text-weight-extrabold);
+$brand-text-weight-700: var(--base-text-weight-normal);
+$brand-text-weight-600: var(--base-text-weight-normal);
+$brand-text-weight-500: var(--base-text-weight-normal);
+$brand-text-weight-400: var(--base-text-weight-normal);
+$brand-text-weight-300: var(--base-text-weight-normal);
+$brand-text-weight-200: var(--base-text-weight-normal);
+$brand-text-weight-100: var(--base-text-weight-normal);
+$brand-heading-letterSpacing-700: -0.01em;
+$brand-heading-letterSpacing-600: -0.01em;
+$brand-heading-letterSpacing-500: -0.01em;
+$brand-heading-letterSpacing-400: -0.01em;
+$brand-heading-weight-700: var(--base-text-weight-bold);
+$brand-heading-weight-600: var(--base-text-weight-semibold);
+$brand-heading-weight-500: var(--base-text-weight-semibold);
+$brand-heading-weight-400: var(--base-text-weight-semibold);
+$brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+$brand-fontStack-sansSerifAlt: 'Alliance2', 'Alliance2HeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$brand-fontStack-sansSerif: 'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$brand-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$brand-heading-fontFamily: $brand-fontStack-sansSerif;
+$brand-body-fontFamily: $brand-fontStack-sansSerif;

package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "base": {
     "color": {
@@ -173,4 +175,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/base/colors/color-scales.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "base": {
     "color": {

package/lib/design-tokens/ts/tokens/base/size/size.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "base": {
     "size": {
@@ -26,4 +28,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/base/size/size.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "base": {
     "size": {

package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "base": {
     "text": {
@@ -108,4 +110,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/base/typography/typography.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "base": {
     "text": {

package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "animation": {
@@ -60,4 +62,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/animation/base.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "animation": {

package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "color": {
@@ -49,4 +51,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/colors/global.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "color": {

package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Card": {
@@ -15,4 +17,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/card/base.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "Card": {

package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Card": {
@@ -46,4 +48,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/card/colors.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "Card": {

package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "control": {
@@ -28,4 +30,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/control/base.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "control": {

package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "FAQ": {
@@ -15,4 +17,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/faq/base.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "FAQ": {

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "FAQ": {
@@ -12,4 +14,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "FAQ": {

package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "footer": {
@@ -12,4 +14,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "footer": {

package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Grid": {
@@ -14,4 +16,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "Grid": {

package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Grid": {
@@ -16,4 +18,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "Grid": {

package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Hero": {
@@ -15,4 +17,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/hero/base.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "Hero": {

package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Image": {
@@ -12,4 +14,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/image/base.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "Image": {

package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "InlineLink": {
@@ -13,4 +15,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;

package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 module.exports = {
   "brand": {
     "InlineLink": {

package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts

@@ -1,8 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 
+
+    
 declare const tokens: {
   "brand": {
     "Label": {
@@ -45,4 +47,4 @@ declare const tokens: {
     }
   }
 }
- export default tokens;
+export default tokens;