@primer/react-brand 0.0.0-20260320142519 → 0.0.0-20260323211330

package/lib/Hero/Hero.d.ts

@@ -119,7 +119,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
-    }, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     SecondaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
@@ -134,7 +134,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
-    }, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
         position?: import("./HeroContext").HeroMediaPositions;
         enableBorder?: boolean;

package/lib/Hero/sub-components/HeroPrimaryAction.d.ts

@@ -24,5 +24,5 @@ export declare const HeroPrimaryAction: React.ForwardRefExoticComponent<(Omit<{
     as?: "button";
 } & {
     children?: React.ReactNode | undefined;
-}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};

package/lib/Hero/sub-components/HeroSecondaryAction.d.ts

@@ -24,5 +24,5 @@ export declare const HeroSecondaryAction: React.ForwardRefExoticComponent<(Omit<
     as?: "button";
 } & {
     children?: React.ReactNode | undefined;
-}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+}, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};

package/lib/PricingOptions/PricingOptions.d.ts

@@ -91,8 +91,8 @@ export declare const PricingOptions: React.ForwardRefExoticComponent<Omit<React.
     Item: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<PricingOptionsItem>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<Omit<PricingOptionsLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Price: React.ForwardRefExoticComponent<Omit<PricingOptionsPriceProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-    PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-    SecondaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    PrimaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    SecondaryAction: React.ForwardRefExoticComponent<React.PropsWithChildren<PricingOptionsActionsProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     testIds: {
         root: string;
         item: string;

package/lib/Testimonial/Testimonial.d.ts

@@ -1,14 +1,17 @@
 import React, { HTMLAttributes, SVGProps } from 'react';
 import { BaseProps } from '../component-helpers';
 import type { AvatarProps } from '../';
+import { type LinkProps } from '../Link';
 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-with-modes.css';
 type TestimonialSize = 'small' | 'large';
+type TestimonialLayout = 'default' | 'wide';
 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 declare const TestimonialVariants: readonly ["subtle", "default", "minimal"];
 type TestimonialVariant = (typeof TestimonialVariants)[number];
 export declare const defaultTestimonialVariant: TestimonialVariant;
+export declare const TestimonialLayouts: readonly ["default", "wide"];
 export type TestimonialProps = {
     /**
      * Sets alternative appearance for the testimonial
@@ -28,6 +31,17 @@ export type TestimonialProps = {
     size?: TestimonialSize;
     /** Sets the color of the quote mark */
     quoteMarkColor?: (typeof TestimonialQuoteMarkColors)[number];
+    /**
+     * When true, renders the quote mark inside a colored background box.
+     * Defaults to false.
+     */
+    quoteMarkHasBackground?: boolean;
+    /**
+     * Sets the layout of the testimonial.
+     * 'default' stacks all content in a single column.
+     * 'wide' places the quote in a left column and the attribution (logo + name) in a right column.
+     */
+    layout?: TestimonialLayout;
 } & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
 /**
  * Testimonial quote child element
@@ -53,6 +67,11 @@ type LogoProps = {
  * <Testimonial.Avatar>
  */
 declare function _Avatar({ size, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Testimonial link child element
+ * <Testimonial.Link>
+ */
+declare function _Link({ className, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Use Testimonial to display a quote from a customer or user.
  * @see https://primer.style/brand/components/Testimonial
@@ -62,5 +81,6 @@ export declare const Testimonial: React.ForwardRefExoticComponent<Omit<React.Pro
     Name: React.ForwardRefExoticComponent<Omit<NameProps, "ref"> & React.RefAttributes<unknown>>;
     Avatar: typeof _Avatar;
     Logo: React.ForwardRefExoticComponent<Omit<LogoProps, "ref"> & React.RefAttributes<unknown>>;
+    Link: typeof _Link;
 };
 export {};