@primer/react-brand 0.0.0-20260223142015 → 0.0.0-20260223164157

package/lib/CTABanner/CTABanner.d.ts

@@ -18,6 +18,10 @@ type ResponsiveBackgroundColorMap = ResponsiveMap<BackgroundColors>;
 type ResponsiveBackgroundImagePositionMap = ResponsiveMap<string | string[]>;
 type ResponsiveBackgroundImageSizeMap = ResponsiveMap<string | string[]>;
 export type CTABannerProps = BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement> & {
+    /**
+     * Alternative presentations
+     */
+    variant?: 'default' | 'balanced' | 'minimal';
     /**
      * The alignment of the content within the banner.
      */
@@ -26,8 +30,13 @@ export type CTABannerProps = BaseProps<HTMLElement> & React.HTMLAttributes<HTMLE
      * A flag to add a border to the banner.
      */
     hasBorder?: boolean;
+    /**
+     * Enable optional grid lines
+     */
+    hasGridLines?: boolean;
     /**
      * A flag to remove the shadow from the banner.
+     * @deprecated - hasShadow will be removed in a future release.
      */
     hasShadow?: boolean;
     /**
@@ -50,6 +59,13 @@ export type CTABannerProps = BaseProps<HTMLElement> & React.HTMLAttributes<HTMLE
      * Optional, custom background size.
      */
     backgroundImageSize?: string | ResponsiveBackgroundImageSizeMap;
+    /**
+     * Escape-hatch for inserting custom React components.
+     * Warning:
+     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
+     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
+     */
+    leadingComponent?: React.FunctionComponent;
     /**
      * Escape-hatch for inserting custom React components.
      * Warning:
@@ -64,9 +80,14 @@ type CTABannerHeadingProps = BaseProps<HTMLHeadingElement> & {
 type CTABannerDescriptionProps = React.HtmlHTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLParagraphElement> & {
     variant?: TextProps['variant'];
 };
+type CTABannerImageProps = BaseProps<HTMLImageElement> & {
+    src: string;
+    alt: string;
+};
 export declare const CTABanner: React.ForwardRefExoticComponent<Omit<CTABannerProps, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<CTABannerHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<CTABannerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     ButtonGroup: React.ForwardRefExoticComponent<Omit<Omit<import("..").ButtonGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Image: React.ForwardRefExoticComponent<Omit<CTABannerImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
 };
 export {};

package/lib/EyebrowText/EyebrowText.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { BaseProps } from '../component-helpers';
+export type EyebrowTextProps = BaseProps<HTMLSpanElement> & {
+    ['data-testid']?: string;
+} & React.ComponentPropsWithoutRef<'span'>;
+/**
+ * EyebrowText is a simple text component that should be used above Headings.
+ */
+export declare const EyebrowText: React.ForwardRefExoticComponent<Omit<EyebrowTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>> & {
+    testIds: {
+        root: string;
+    };
+};

package/lib/EyebrowText/index.d.ts

@@ -0,0 +1 @@
+export * from './EyebrowText';

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: ("inline-end" | "inline-start" | "block-end" | "block-end-padded" | "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 type HeroMediaPositions = (typeof heroMediaPositions)[number];
 export type HeroMediaInlinePositions = (typeof heroMediaInlinePositions)[number];
 type HeroContextType = {

package/lib/IDE/IDE.d.ts

@@ -5,9 +5,6 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/ide/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css';
-/**
- * @deprecated IDEProps is deprecated and will be removed in a future release.
- */
 export type IDEProps = {
     /**
      * Test id for the IDE
@@ -55,9 +52,6 @@ type IDEChatMessageUser = {
 type IDEChatMessageAssistant = {
     role: 'assistant';
 };
-/**
- * @deprecated IDEChatMessage is deprecated and will be removed in a future release.
- */
 export type IDEChatMessage = {
     handle: string;
     message: string;
@@ -105,9 +99,6 @@ type IDEEditorProps = {
      */
     setAnimationIsDone?: (isDone: boolean) => void;
 } & BaseProps<HTMLDivElement>;
-/**
- * @deprecated IDEEditorFile is deprecated and will be removed in a future release.
- */
 export type IDEEditorFile = {
     name: string;
     /**
@@ -129,7 +120,6 @@ type IDEEditorHandle = HTMLElement & {
 };
 /**
  * Use IDE to display a decorative editor component
- * @deprecated IDE is deprecated and will be removed in a future release.
  * @see https://primer.style/brand/components/IDE
  */
 export declare const IDE: React.NamedExoticComponent<{