@primer/react-brand 0.27.1 → 0.27.2-rc.0115bf3

package/lib/Accordion/Accordion.d.ts

@@ -19,7 +19,6 @@ type AccordionHeadingProps = BaseProps<HTMLHeadingElement> & {
 };
 export declare const AccordionHeading: React.ForwardRefExoticComponent<Omit<AccordionHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 type AccordionContentProps = BaseProps<HTMLElement> & {
-    className?: string;
     children: React.ReactElement | React.ReactElement[];
 };
 export declare function AccordionContent({ children, className, ...rest }: AccordionContentProps): JSX.Element;

package/lib/Box/Box.d.ts

@@ -58,6 +58,10 @@ type BoxProps = {
     backgroundColor?: BackgroundColors;
     borderRadius?: BorderRadiusOptions;
     borderWidth?: BorderWidthOptions;
+    borderBlockStartWidth?: BorderWidthOptions;
+    borderInlineEndWidth?: BorderWidthOptions;
+    borderBlockEndWidth?: BorderWidthOptions;
+    borderInlineStartWidth?: BorderWidthOptions;
     borderColor?: BorderColorOptions;
     borderStyle?: BorderStyleOptions;
     /**
@@ -73,5 +77,5 @@ type BoxProps = {
  * Use Box to apply fine-grained styling to content.
  * @see https://primer.style/brand/components/Box
  */
-export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => JSX.Element;
+export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderBlockStartWidth, borderInlineEndWidth, borderBlockEndWidth, borderInlineStartWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => JSX.Element;
 export {};

package/lib/Hero/Hero.d.ts

@@ -1,9 +1,8 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 import { ButtonBaseProps } from '../Button';
 import { HeadingProps } from '../Heading';
 import { TextSizes, TextWeightVariants, ResponsiveWeightMap } from '../Text';
 import { LabelProps } from '../Label';
-import { ImageProps } from '../Image';
 import type { BaseProps } from '../component-helpers';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/hero/base.css';
 export type HeroProps = BaseProps<HTMLElement> & {
@@ -16,16 +15,10 @@ type HeroDescriptionProps = {
     size?: (typeof TextSizes)[number];
     weight?: TextWeightVariants | ResponsiveWeightMap;
 } & BaseProps<HTMLParagraphElement>;
-declare function HeroDescription({ size, weight, children }: PropsWithChildren<HeroDescriptionProps>): JSX.Element;
-type HeroImageProps = {
-    position?: 'inline-end' | 'block-end';
-} & ImageProps & BaseProps<HTMLImageElement>;
-declare function HeroImage({ position, className, ...rest }: PropsWithChildren<HeroImageProps>): JSX.Element;
 type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
-declare function HeroLabel({ children, ...rest }: PropsWithChildren<HeroLabelProps>): JSX.Element;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
     Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-    Description: typeof HeroDescription;
+    Description: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroDescriptionProps>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
     PrimaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button" | undefined;
         href: string;
@@ -56,7 +49,33 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-    Image: typeof HeroImage;
-    Label: typeof HeroLabel;
+    Image: React.ForwardRefExoticComponent<(Omit<{
+        position?: "inline-end" | "block-end" | undefined;
+    } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
+        src: string;
+        alt: string;
+        aspectRatio?: import("../Image").ImageAspectRatio | undefined;
+        media?: string | undefined;
+        srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
+    } & {
+        as?: "img" | undefined;
+        srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
+    }, "ref"> | Omit<{
+        position?: "inline-end" | "block-end" | undefined;
+    } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
+        src: string;
+        alt: string;
+        aspectRatio?: import("../Image").ImageAspectRatio | undefined;
+        media?: string | undefined;
+        srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet"> | undefined;
+    } & {
+        as: "picture";
+        sources?: {
+            srcset: string;
+            media: string;
+        }[] | undefined;
+        srcSet?: undefined;
+    }, "ref">) & React.RefAttributes<HTMLImageElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<HeroLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 };
 export {};