@primer/react-brand 0.65.0-rc.4780c31f → 0.65.0-rc.8f2d335e

package/lib/Accordion/Accordion.d.ts

@@ -19,6 +19,7 @@ export type AccordionHeadingProps = HTMLAttributes<HTMLElement> & {
     as?: HeadingProps['as'];
     reversedToggles?: boolean;
     toggleColor?: (typeof AccordionToggleColors)[number];
+    weight?: HeadingProps['weight'];
 };
 /**
  * TODO This type is incorrect
@@ -29,6 +30,7 @@ export declare const AccordionHeading: React.ForwardRefExoticComponent<React.HTM
     as?: HeadingProps["as"];
     reversedToggles?: boolean;
     toggleColor?: (typeof AccordionToggleColors)[number];
+    weight?: HeadingProps["weight"];
 } & React.RefAttributes<HTMLHeadingElement>>;
 export type AccordionContentProps = HTMLAttributes<HTMLElement>;
 export declare const AccordionContent: ({ className, ...rest }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
@@ -42,5 +44,6 @@ export declare const Accordion: React.ForwardRefExoticComponent<React.DetailsHTM
         as?: HeadingProps["as"];
         reversedToggles?: boolean;
         toggleColor?: (typeof AccordionToggleColors)[number];
+        weight?: HeadingProps["weight"];
     } & React.RefAttributes<HTMLHeadingElement>>;
 };

package/lib/FAQ/FAQ.d.ts

@@ -7,7 +7,9 @@ import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
-export type FAQRootProps = PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
+export type FAQRootProps = {
+    variant?: 'default' | 'gridline';
+} & PropsWithChildren<BaseProps<HTMLElement>> & React.HTMLAttributes<HTMLElement>;
 type FAQHeadingProps = BaseProps<HTMLHeadingElement> & {
     align?: 'start' | 'center';
     children: React.ReactNode | React.ReactNode[];
@@ -18,7 +20,7 @@ export type FAQSubheadingProps = BaseProps<HTMLHeadingElement> & {
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;
 } & HeadingProps;
-declare function FAQSubheading({ children, className, as, size, weight, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
+declare function FAQSubheading({ children, className, as, size, font, weight, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
 /**
  * FAQ component:
  * {@link https://primer.style/brand/components/FAQ/ See usage examples}.
@@ -35,6 +37,7 @@ export declare const FAQ: React.ForwardRefExoticComponent<Omit<FAQRootProps, "re
         as?: HeadingProps["as"];
         reversedToggles?: boolean;
         toggleColor?: typeof import("..").AccordionToggleColors[number];
+        weight?: HeadingProps["weight"];
     } & React.RefAttributes<HTMLHeadingElement>>;
     Answer: ({ className, ...rest }: import("..").AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
 };

package/lib/FAQ/FAQGroup.d.ts

@@ -9,10 +9,11 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/compone
 declare function HeadingBase({ children, className, as, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
 export type FAQGroupProps = React.PropsWithChildren<{
     id?: string;
+    variant?: 'default' | 'gridline';
     defaultSelectedIndex?: number;
     tabAttributes?: (children: React.ReactNode, index: number) => Record<string, unknown>;
 }>;
-declare function FAQGroupBase({ children, id, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function FAQGroupBase({ children, id, variant, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): import("react/jsx-runtime").JSX.Element;
 /**
  * FAQGroup component:
  * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.

package/lib/Hero/HeroContext.d.ts

@@ -4,7 +4,7 @@ export type HeroAlign = (typeof HeroAlignOptions)[number];
 export declare const HeroVariantOptions: readonly ["default", "gridline", "gridline-expressive"];
 export type HeroVariant = (typeof HeroVariantOptions)[number];
 export declare const heroMediaPositions: readonly ["block-end", "block-end-padded", "inline-start", "inline-end", "inline-end-padded", "inline-start-padded"];
-export declare const heroMediaInlinePositions: ("block-end" | "block-end-padded" | "inline-start" | "inline-end" | "inline-end-padded" | "inline-start-padded")[];
+export declare const heroMediaInlinePositions: ("inline-end" | "inline-start" | "block-end" | "block-end-padded" | "inline-end-padded" | "inline-start-padded")[];
 export type HeroMediaPositions = (typeof heroMediaPositions)[number];
 export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
 type HeroContextType = {

package/lib/SubNav/SubNav.d.ts

@@ -13,6 +13,9 @@ type SubNavContextType = {
 };
 export declare const useSubNavContext: () => SubNavContextType;
 export type SubNavProps = {
+    /**
+     * @deprecated The hasShadow prop is deprecated and will be removed in a future release.
+     */
     hasShadow?: boolean;
     /**
      * Allows the SubNav to be used at full width,