@primer/react-brand 0.67.0 → 0.68.0-rc.59bbed40

package/lib/Bento/Bento.d.ts

@@ -45,6 +45,11 @@ type BentoVisualProps = {
     position?: string;
     padding?: Padding | ResponsivePadding;
 } & React.HTMLAttributes<HTMLDivElement> & BaseProps<HTMLDivElement>;
+/**
+ * Use Bento to present content in a responsive grid layout.
+ * @deprecated Bento is deprecated and will be removed in a future release. Use CTABanner or River instead.
+ * @see https://primer.style/brand/components/Bento
+ */
 export declare const Bento: (({ className, ...rest }: BentoProps) => import("react/jsx-runtime").JSX.Element) & {
     Item: ({ className, columnStart, columnSpan, rowStart, rowSpan, flow, colorMode, visualAsBackground, order, bgColor, children, ...rest }: BentoItemProps) => import("react/jsx-runtime").JSX.Element;
     Visual: ({ horizontalAlign, verticalAlign, fillMedia, overflow, position, padding, className, children, ...rest }: BentoVisualProps) => import("react/jsx-runtime").JSX.Element;

package/lib/CTABanner/CTABanner.d.ts

@@ -6,6 +6,7 @@ import { TextProps } from '../Text';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css';
+import { type LinkProps } from '../Link';
 export declare const CTABannerBackgroundColors: readonly ["default", "subtle"];
 type ResponsiveMap<T> = {
     narrow?: T;
@@ -80,14 +81,19 @@ type CTABannerHeadingProps = BaseProps<HTMLHeadingElement> & {
 type CTABannerDescriptionProps = React.HtmlHTMLAttributes<HTMLParagraphElement> & BaseProps<HTMLParagraphElement> & {
     variant?: TextProps['variant'];
 };
-type CTABannerImageProps = BaseProps<HTMLImageElement> & {
+type CTABannerImageProps = BaseProps<HTMLImageElement> & Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt'> & {
     src: string;
     alt: string;
 };
+type CTABannerLogoProps = BaseProps<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+};
 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>>;
+    Logo: React.ForwardRefExoticComponent<Omit<CTABannerLogoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Link: ({ className, children, variant, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

@@ -1,12 +1,10 @@
 import React, { PropsWithChildren, type JSX } from 'react';
 import { HeadingProps, type ImageProps, LinkProps } from '..';
+import { type IconProps } from '../Icon';
 import type { BaseProps } from '../component-helpers';
-/**
- * Design tokens
- */
-import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css';
 export declare const PillarIconColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
-export declare const defaultPillarIconColor: "default";
+export declare const defaultPillarIconColor = "green";
+export declare const defaultPillarIconSize: "small";
 export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<C> & {
     /**
      * The HTML element used to render the Pillar.
@@ -23,14 +21,16 @@ export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.H
 } & (C extends 'article' ? PropsWithChildren<BaseProps<HTMLElement>> : PropsWithChildren<BaseProps<HTMLDivElement>>);
 type PillarImageProps = ImageProps;
 declare function PillarImage({ className, ...rest }: PillarImageProps): import("react/jsx-runtime").JSX.Element;
-type IconComponent = React.ComponentType<{
+type IconComponentProps = React.SVGAttributes<SVGElement> & {
     size?: number;
-}>;
-type PillarIconProps = BaseProps<HTMLSpanElement> & {
-    icon: React.ReactNode | IconComponent;
+};
+type IconComponent = React.ComponentType<IconComponentProps> | React.ExoticComponent<IconComponentProps>;
+type IconElement = React.ReactElement<IconComponentProps>;
+export type PillarIconProps = Omit<IconProps, 'icon' | 'color'> & {
+    icon: IconElement | IconComponent;
     color?: (typeof PillarIconColors)[number];
 };
-declare function PillarIcon({ icon: Icon, className, color, ...rest }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
+declare function PillarIcon({ icon, className, color, hasBackground, size, ...props }: PillarIconProps): import("react/jsx-runtime").JSX.Element;
 type PillarHeadingProps = BaseProps<HTMLHeadingElement> & {
     children: React.ReactNode | React.ReactNode[];
     as?: Exclude<HeadingProps['as'], 'h1'>;