@primer/react-brand 0.23.0 → 0.24.0-rc.1040aa1

package/lib/CTABanner/CTABanner.d.ts

@@ -22,7 +22,7 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
         children: React.ReactNode | React.ReactNode[];
     } & {
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-        size?: "1" | "2" | "3" | "4" | "5" | "6" | 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;
@@ -31,9 +31,7 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
         stretch?: "normal" | "condensed" | "expanded" | {
             narrow?: "normal" | "condensed" | "expanded" | undefined;
             regular?: "normal" | "condensed" | "expanded" | undefined;
-            wide?: "normal" | "condensed" | "expanded" | undefined; /**
-             * A flag to remove the background from the banner.
-             */
+            wide?: "normal" | "condensed" | "expanded" | undefined;
         } | undefined;
         letterSpacing?: "normal" | "condensed" | "none" | {
             narrow?: "normal" | "condensed" | "none" | undefined;

package/lib/FAQ/FAQ.d.ts

@@ -9,17 +9,16 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/compone
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
 type FAQRootProps = PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
 type FAQHeadingProps = BaseProps<HTMLHeadingElement> & {
-    size?: 'medium' | 'large';
     align?: 'start' | 'center';
     children: React.ReactNode | React.ReactNode[];
     as?: HeadingProps['as'];
-};
+} & HeadingProps;
 type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {
     align?: 'start' | 'center';
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;
-};
-declare function FAQSubheading({ children, className, as, ...rest }: FAQSubheadingProps): JSX.Element;
+} & HeadingProps;
+declare function FAQSubheading({ children, className, as, size, weight, ...rest }: FAQSubheadingProps): JSX.Element;
 /**
  * FAQ component:
  * {@link https://primer.style/brand/components/FAQ/ See usage examples}.

package/lib/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { BaseProps } from '../component-helpers';
-export declare const HeadingSizes: readonly ["1", "2", "3", "4", "5", "6"];
+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 HeadingStretch: readonly ["condensed", "normal", "expanded"];

package/lib/Label/Label.d.ts

@@ -5,7 +5,7 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css';
 export declare const LabelColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
-export declare const LabelSizes: readonly ["small", "medium", "large"];
+export declare const LabelSizes: readonly ["medium", "large"];
 export declare const defaultLabelColor: "default";
 export declare const defaultLabelSize: "medium";
 export type LabelProps = BaseProps<HTMLSpanElement> & {

package/lib/Testimonial/Testimonial.d.ts

@@ -1,8 +1,12 @@
 import React, { HTMLAttributes, SVGProps } from 'react';
 import { BaseProps } from '../component-helpers';
 import type { AvatarProps } from '../';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/base.css';
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css';
 type TestimonialAlignment = 'start' | 'center';
 type TestimonialSize = 'small' | 'large';
+export declare const TestimonialQuoteMarkColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange"];
+export declare const defaultQuoteMarkColor: "default";
 export type TestimonialProps = {
     /**
      * Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
@@ -16,13 +20,15 @@ export type TestimonialProps = {
      * Sets the testimonial text size
      */
     size?: TestimonialSize;
+    /** Sets the color of the quote mark */
+    quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number];
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 /**
  * Testimonial quote child element
  * <Testimonial.Quote>
  */
 type QuoteProps = {
-    children: string;
+    children: string | Array<string | React.ReactElement<HTMLElement>>;
 } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
 /**
  * Testimonial name child element
@@ -49,7 +55,7 @@ declare function _Avatar({ size, ...rest }: AvatarProps): JSX.Element;
  */
 export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<unknown>> & {
     Quote: React.ForwardRefExoticComponent<Omit<{
-        children: string;
+        children: string | Array<string | React.ReactElement<HTMLElement>>;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
     Name: React.ForwardRefExoticComponent<Omit<{
         position?: string | undefined;

package/lib/Text/Text.d.ts

@@ -5,7 +5,7 @@ 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 defaultTextTag: "span";
-export declare const defaultTextSize: "400";
+export declare const defaultTextSize: "200";
 export declare const defaultTextVariant: "default";
 export type TextWeightVariants = (typeof TextWeights)[number];
 export type ResponsiveWeightMap = {