@primer/react-brand 0.54.3-rc.2e8f2d28 → 0.54.3-rc.730bfa9e

package/lib/Hero/Hero.d.ts

@@ -4,6 +4,9 @@ import { HeadingProps } from '../Heading';
 import { TextSizes, TextWeightVariants, ResponsiveWeightMap } from '../Text';
 import { LabelProps } from '../Label';
 import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/hero/base.css';
 export type HeroProps = BaseProps<HTMLElement> & {
     align?: 'start' | 'center';
@@ -16,10 +19,15 @@ export type HeroProps = BaseProps<HTMLElement> & {
      *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
      */
     trailingComponent?: React.FunctionComponent;
+    'data-testid'?: string;
 };
 type HeroHeadingProps = Omit<HeadingProps, 'as'> & {
     fullWidth?: boolean;
 };
+type HeroVideoProps = {
+    position?: 'inline-end' | 'block-end';
+    'data-testid'?: string;
+} & PropsWithChildren<BaseProps<HTMLDivElement>>;
 type HeroEyebrowProps = PropsWithChildren<BaseProps<HTMLDivElement>>;
 type HeroLabelProps = LabelProps & BaseProps<HTMLSpanElement>;
 export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<HeroProps>, "ref"> & React.RefAttributes<HTMLElement>> & {
@@ -164,7 +172,12 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         }[];
         srcSet?: undefined;
     }, "ref">) & React.RefAttributes<HTMLImageElement>>;
+    Video: React.ForwardRefExoticComponent<Omit<HeroVideoProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Label: React.ForwardRefExoticComponent<Omit<HeroLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Eyebrow: React.ForwardRefExoticComponent<Omit<HeroEyebrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    testIds: {
+        root: string;
+        readonly video: string;
+    };
 };
 export {};