@primer/react-brand 0.65.0-rc.0895cfab → 0.65.0-rc.77cd5c0b

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/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,