@primer/react-brand 0.0.0-20260120160853 → 0.0.0-20260121134923

package/lib/Hero/Hero.d.ts

@@ -1,19 +1,17 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
+import { ButtonBaseProps } from '../Button';
+import { HeadingProps } from '../Heading';
+import { TextSizes, TextWeightVariants, ResponsiveWeightMap } from '../Text';
+import { LabelProps } from '../Label';
 import type { BaseProps } from '../component-helpers';
-import type { HeroAlign, HeroVariant } from './HeroContext';
-import type { HeroVideoProps } from './sub-components';
 /**
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/hero/base.css';
 export type HeroProps = BaseProps<HTMLElement> & {
-    align?: HeroAlign;
+    align?: 'start' | 'center';
     imageContainerClassName?: string;
     imageContainerStyle?: React.CSSProperties;
-    imageContainerRef?: React.RefObject<HTMLDivElement | null>;
-    imageBackgroundColor?: 'default' | 'subtle';
-    variant?: HeroVariant;
-    enableAnimation?: boolean;
     /**
      * Escape-hatch for inserting custom React components.
      * Warning:
@@ -23,16 +21,25 @@ export type HeroProps = BaseProps<HTMLElement> & {
     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>> & {
-    Heading: React.ForwardRefExoticComponent<Omit<import("./sub-components").HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Heading: React.ForwardRefExoticComponent<Omit<HeroHeadingProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<(Omit<{
-        size?: typeof import("..").TextSizes[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
         font?: import("..").TextFontVariants;
-        size?: typeof import("..").TextSizes[number];
+        size?: (typeof TextSizes)[number];
         variant?: typeof import("..").TextVariants[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
@@ -42,13 +49,13 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: typeof import("..").TextSizes[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
         font?: import("..").TextFontVariants;
-        size?: typeof import("..").TextSizes[number];
+        size?: (typeof TextSizes)[number];
         variant?: typeof import("..").TextVariants[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
@@ -58,13 +65,13 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: typeof import("..").TextSizes[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
         font?: import("..").TextFontVariants;
-        size?: typeof import("..").TextSizes[number];
+        size?: (typeof TextSizes)[number];
         variant?: typeof import("..").TextVariants[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
@@ -74,13 +81,13 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: typeof import("..").TextSizes[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
         font?: import("..").TextFontVariants;
-        size?: typeof import("..").TextSizes[number];
+        size?: (typeof TextSizes)[number];
         variant?: typeof import("..").TextVariants[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
@@ -90,13 +97,13 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
-        size?: typeof import("..").TextSizes[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        size?: (typeof TextSizes)[number];
+        weight?: TextWeightVariants | ResponsiveWeightMap;
     } & BaseProps<HTMLParagraphElement> & {
         font?: import("..").TextFontVariants;
-        size?: typeof import("..").TextSizes[number];
+        size?: (typeof TextSizes)[number];
         variant?: typeof import("..").TextVariants[number];
-        weight?: import("..").TextWeightVariants | import("..").ResponsiveWeightMap;
+        weight?: TextWeightVariants | ResponsiveWeightMap;
         align?: "start" | "center" | "end";
         hasAntiAliasing?: boolean;
     } & {
@@ -109,14 +116,14 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     PrimaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
-    } & import("..").ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
+    } & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
         as?: "a";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
         as?: "a" | "button";
         href: string;
-    } & import("..").ButtonBaseProps & BaseProps<HTMLButtonElement> & {
+    } & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
@@ -124,20 +131,20 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
     SecondaryAction: React.ForwardRefExoticComponent<(Omit<{
         as?: "a" | "button";
         href: string;
-    } & import("..").ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
+    } & ButtonBaseProps & BaseProps<HTMLAnchorElement> & {
         as?: "a";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref"> | Omit<{
         as?: "a" | "button";
         href: string;
-    } & import("..").ButtonBaseProps & BaseProps<HTMLButtonElement> & {
+    } & ButtonBaseProps & BaseProps<HTMLButtonElement> & {
         as?: "button";
     } & {
         children?: React.ReactNode | undefined;
     }, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Image: React.ForwardRefExoticComponent<(Omit<{
-        position?: import("./HeroContext").HeroMediaPositions;
+        position?: "inline-end" | "block-end";
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;
@@ -149,7 +156,7 @@ export declare const Hero: React.ForwardRefExoticComponent<Omit<React.PropsWithC
         as?: "img";
         srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, "srcSet">;
     }, "ref"> | Omit<{
-        position?: import("./HeroContext").HeroMediaPositions;
+        position?: "inline-end" | "block-end";
     } & React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
         src: string;
         alt: string;
@@ -166,12 +173,11 @@ 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<import("./sub-components").HeroLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Eyebrow: React.ForwardRefExoticComponent<Omit<import("./sub-components").HeroEyebrowProps, "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;
-        readonly grid: string;
-        readonly imageWrapper: string;
     };
 };
+export {};

package/lib/animation/AnimationProvider/AnimationProvider.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren } from 'react';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/animation/base.css';
-export declare const AnimationVariants: readonly ["fade-in", "fade-out", "slide-in-up", "slide-in-down", "slide-in-left", "slide-in-right", "scale-in-up", "scale-in-down", "scale-in", "fill-in-top", "scale-in-right", "scale-in-left", "fill-in-right", "reveal-in-up"];
+export declare const AnimationVariants: readonly ["fade-in", "fade-out", "slide-in-up", "slide-in-down", "slide-in-left", "slide-in-right", "scale-in-up", "scale-in-down", "scale-in", "fill-in-top", "scale-in-right", "scale-in-left", "fill-in-right"];
 type Variant = (typeof AnimationVariants)[number];
 type VariantAdvanced = {
     variant: Variant;
@@ -12,7 +12,7 @@ type VariantAdvanced = {
     ease?: string;
 };
 export type AnimateProps = Variant | VariantAdvanced;
-type AnimationTrigger = 'click' | 'on-visible' | 'immediate';
+type AnimationTrigger = 'click' | 'on-visible';
 type IntersectionVisibilityeOptions = 'bottom-of-screen' | 'middle-of-screen' | 'about-to-leave' | number;
 type AnimationProviderProps = {
     /**
@@ -20,7 +20,7 @@ type AnimationProviderProps = {
      */
     disableAnimations?: boolean;
     /**
-     * Controls the trigger method for the animation. One of `click`, `on-visible`, or `immediate`.
+     * Controls the trigger method for the animation. One of `click` or `on-visible`.
      */
     animationTrigger?: AnimationTrigger;
     /**