@primer/react-brand 0.27.3-rc.4db3a02 → 0.28.0-rc.2432e86

package/fonts/fonts.css

@@ -21,9 +21,9 @@
 }
 
 @font-face {
-  font-family: 'Alliance2';
-  src: url('./alliance-2.woff2') format('woff2 supports variations'),
-    url('./alliance-2.woff2') format('woff2-variations');
+  font-family: 'Hubot Sans';
+  src: url('./Hubot-Sans.woff2') format('woff2 supports variations'),
+    url('./Hubot-Sans.woff2') format('woff2-variations');
   font-weight: 200 900;
   font-display: swap;
 }

package/lib/CTABanner/CTABanner.d.ts

@@ -23,10 +23,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
     } & {
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
         size?: "display" | "1" | "2" | "3" | "4" | "5" | "6" | "subhead-large" | "subhead-medium" | undefined;
-        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | {
-            narrow?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | undefined;
-            regular?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | undefined;
-            wide?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | {
+            narrow?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
+            regular?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
+            wide?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | undefined;
         } | undefined;
         stretch?: "normal" | "condensed" | "expanded" | {
             narrow?: "normal" | "condensed" | "expanded" | undefined;
@@ -38,6 +38,7 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
             regular?: "normal" | "condensed" | "none" | undefined;
             wide?: "normal" | "condensed" | "none" | undefined;
         } | undefined;
+        font?: "mona-sans" | "hubot-sans" | undefined;
     } & React.HTMLAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {
         children: React.ReactNode | React.ReactNode[];

package/lib/Heading/Heading.d.ts

@@ -2,13 +2,16 @@ import React from 'react';
 import type { BaseProps } from '../component-helpers';
 export declare const HeadingSizes: readonly ["display", "1", "2", "3", "4", "5", "6", "subhead-large", "subhead-medium"];
 export declare const HeadingTags: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
-export declare const HeadingWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light"];
+export declare const HeadingWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light", "extralight"];
 export declare const HeadingStretch: readonly ["condensed", "normal", "expanded"];
 export declare const HeadingLetterSpacing: readonly ["condensed", "normal", "none"];
+export declare const HeadingFontVariants: readonly ["mona-sans", "hubot-sans"];
 export declare const defaultHeadingTag: "h2";
+export declare const defaultHeadingFont: "mona-sans";
 type HeadingWeightVariants = (typeof HeadingWeights)[number];
 type HeadingStretchVariants = (typeof HeadingStretch)[number];
 type HeadingLetterSpacingVariants = (typeof HeadingLetterSpacing)[number];
+type HeadingFontVariants = (typeof HeadingFontVariants)[number];
 type ResponsiveStretchMap = {
     narrow?: HeadingStretchVariants;
     regular?: HeadingStretchVariants;
@@ -38,6 +41,7 @@ export type HeadingProps = {
     weight?: HeadingWeightVariants | ResponsiveWeightMap;
     stretch?: HeadingStretchVariants | ResponsiveStretchMap;
     letterSpacing?: HeadingLetterSpacingVariants | ResponsiveLetterSpacingMap;
+    font?: HeadingFontVariants;
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 export declare const Heading: React.ForwardRefExoticComponent<Omit<HeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export {};

package/lib/LogoSuite/LogoSuite.d.ts

@@ -33,9 +33,10 @@ type LogoSuiteHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps & {
 export declare const LogoSuite: (({ align, children, className, hasDivider, "data-testid": testId, }: PropsWithChildren<LogoSuiteProps>) => JSX.Element) & {
     Heading: React.ForwardRefExoticComponent<Omit<LogoSuiteHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<BaseProps<HTMLParagraphElement> & {
+        font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
         as?: "span" | "div" | "em" | "p" | "strong" | undefined;
@@ -44,9 +45,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
         as?: "span" | "div" | "em" | "p" | "strong" | undefined;
@@ -55,9 +57,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
         as?: "span" | "div" | "em" | "p" | "strong" | undefined;
@@ -66,9 +69,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
         as?: "span" | "div" | "em" | "p" | "strong" | undefined;
@@ -77,9 +81,10 @@ export declare const LogoSuite: (({ align, children, className, hasDivider, "dat
     } & {
         children: React.ReactNode | React.ReactNode[];
     }, "ref"> | Omit<BaseProps<HTMLParagraphElement> & {
+        font?: "mona-sans" | "hubot-sans" | undefined;
         size?: "700" | "600" | "500" | "400" | "300" | "200" | "100" | undefined;
         variant?: "default" | "muted" | undefined;
-        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | import("../").ResponsiveWeightMap | undefined;
+        weight?: "light" | "heavy" | "extrabold" | "bold" | "semibold" | "medium" | "normal" | "extralight" | import("../").ResponsiveWeightMap | undefined;
         align?: "start" | "center" | "end" | undefined;
     } & {
         as?: "span" | "div" | "em" | "p" | "strong" | undefined;

package/lib/Stack/Stack.d.ts

@@ -96,7 +96,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    gap?: "normal" | 4 | "condensed" | "none" | 8 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    gap?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
     /**
      * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
      * A string value will be applied to all viewports.
@@ -108,7 +108,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    padding?: "normal" | 4 | "condensed" | "none" | 8 | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
+    padding?: "normal" | 8 | 4 | "condensed" | "none" | 12 | "spacious" | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 64 | 80 | 96 | 112 | 128 | ResponsiveSpacingMap | undefined;
     /**
      * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
      * A string value will be applied to all viewports.

package/lib/Text/Text.d.ts

@@ -3,11 +3,14 @@ import { BaseProps } from '../component-helpers';
 export declare const TextSizes: readonly ["700", "600", "500", "400", "300", "200", "100"];
 export declare const TextTags: readonly ["p", "span", "div", "strong", "em"];
 export declare const TextVariants: readonly ["default", "muted"];
-export declare const TextWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light"];
+export declare const TextWeights: readonly ["heavy", "extrabold", "bold", "semibold", "medium", "normal", "light", "extralight"];
+export declare const TextFontVariants: readonly ["mona-sans", "hubot-sans"];
 export declare const defaultTextTag: "span";
 export declare const defaultTextSize: "200";
 export declare const defaultTextVariant: "default";
+export declare const defaultFontVariant: "mona-sans";
 export type TextWeightVariants = (typeof TextWeights)[number];
+export type TextFontVariants = (typeof TextFontVariants)[number];
 export type ResponsiveWeightMap = {
     narrow?: TextWeightVariants;
     regular?: TextWeightVariants;
@@ -31,6 +34,7 @@ type TextTags = {
     as?: (typeof TextTags)[number];
 } & RestrictedPolymorphism;
 export type TextProps = {
+    font?: TextFontVariants;
     /**
      * Specify the text size
      */
@@ -50,5 +54,5 @@ export type TextProps = {
      */
     align?: 'start' | 'center' | 'end';
 } & TextTags;
-export declare function Text({ align, animate, as, className, children, size, variant, weight, style, ...rest }: PropsWithChildren<TextProps>): JSX.Element;
+export declare function Text({ align, animate, as, className, children, font, size, variant, weight, style, ...rest }: PropsWithChildren<TextProps>): JSX.Element;
 export {};