@primer/react-brand 0.23.0 → 0.24.0-rc.b69dc92

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/Hero/Hero.d.ts

@@ -20,7 +20,7 @@ type HeroImageProps = {
 } & ImageProps & BaseProps<HTMLImageElement>;
 declare function HeroImage({ position, className, ...rest }: PropsWithChildren<HeroImageProps>): JSX.Element;
 type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
-declare function HeroLabel({ children, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
+declare function HeroLabel({ children, size, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: typeof HeroDescription;

package/lib/River/River.d.ts

@@ -63,6 +63,11 @@ type RiverVisualProps = BaseProps<HTMLDivElement> & PropsWithChildren<{
      * This can be disabled by setting this prop to `false`.
      */
     hasShadow?: boolean;
+    /**
+     * Enables rounded corners.
+     * Can optionally be disabled.
+     */
+    rounded?: boolean;
 }>;
 /**
  * Alternating text and image pairs.

package/lib/SectionIntro/SectionIntro.d.ts

@@ -8,7 +8,7 @@ export type SectionIntroProps = {
 } & React.HTMLAttributes<HTMLHeadingElement> & BaseProps<HTMLHeadingElement>;
 type SectionIntroHeadingProps = BaseProps<HTMLHeadingElement> & HeadingProps;
 type SectionIntroLabelProps = LabelProps & BaseProps<HTMLDivElement>;
-declare function _Label({ children, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
+declare function _Label({ children, size, ...rest }: PropsWithChildren<SectionIntroLabelProps>): JSX.Element;
 export declare const SectionIntro: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<SectionIntroProps>, "ref"> & React.RefAttributes<HTMLHeadingElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<SectionIntroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<BaseProps<HTMLParagraphElement> & {

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 = {