@primer/react-brand 0.36.1-rc.cf0062b7 → 0.37.0-rc.6e66f17f

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -75,10 +75,10 @@ export declare const BreakoutBanner: React.ForwardRefExoticComponent<Omit<BasePr
     } & {
         as?: typeof import("../").HeadingTags[number];
         size?: typeof import("../").HeadingSizes[number];
-        weight?: ("medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight") | {
-            narrow?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            regular?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            wide?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+        weight?: ("medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight") | {
+            narrow?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            regular?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            wide?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
         };
         stretch?: ("normal" | "condensed" | "expanded") | {
             narrow?: "normal" | "condensed" | "expanded";

package/lib/CTABanner/CTABanner.d.ts

@@ -25,10 +25,10 @@ export declare const CTABanner: React.ForwardRefExoticComponent<Omit<BaseProps<H
     } & {
         as?: typeof import("../Heading").HeadingTags[number];
         size?: typeof import("../Heading").HeadingSizes[number];
-        weight?: ("medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight") | {
-            narrow?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            regular?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
-            wide?: "medium" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "light" | "extralight";
+        weight?: ("medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight") | {
+            narrow?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            regular?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
+            wide?: "medium" | "light" | "heavy" | "extrabold" | "bold" | "semibold" | "normal" | "extralight";
         };
         stretch?: ("normal" | "condensed" | "expanded") | {
             narrow?: "normal" | "condensed" | "expanded";

package/lib/SubNav/SubNav.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { ButtonSizes, ButtonVariants } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
@@ -57,7 +57,7 @@ export declare const SubNav: React.NamedExoticComponent<{
     readonly type: ({ id, children, className, "data-testid": testId, fullWidth, hasShadow }: SubNavProps) => JSX.Element;
 } & {
     Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => JSX.Element;
-    Link: ({ children, href, "aria-current": ariaCurrent, "data-testid": testId, className, ...props }: SubNavLinkProps) => JSX.Element;
+    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
     Action: typeof _SubNavAction;
     SubMenu: typeof _SubMenu;
     testIds: {

package/lib/SubNav/useContainsFocus.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+/**
+ * Determine if a child element of the provided ref is currently focussed.
+ * @param containerRef The ref to the container element.
+ * @param onFocusChange The callback to be called when the focus state changes.
+ * @type T The type of the container element.
+ * @returns The ref to be applied to the container element.
+ */
+export declare const useContainsFocus: <T extends HTMLElement>(containerRef?: RefObject<T>, onFocusChange?: (isFocussed: boolean) => void) => void;

package/lib/Testimonial/Testimonial.d.ts

@@ -22,9 +22,7 @@ export type TestimonialProps = {
  * Testimonial quote child element
  * <Testimonial.Quote>
  */
-type QuoteProps = {
-    children: string | Array<string | React.ReactElement<HTMLElement>>;
-} & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
+type QuoteProps = React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
 /**
  * Testimonial name child element
  * <Testimonial.Name>
@@ -49,9 +47,7 @@ declare function _Avatar({ size, ...rest }: AvatarProps): JSX.Element;
  * @see https://primer.style/brand/components/Testimonial
  */
 export declare const Testimonial: React.ForwardRefExoticComponent<Omit<TestimonialProps, "ref"> & React.RefAttributes<unknown>> & {
-    Quote: React.ForwardRefExoticComponent<Omit<{
-        children: string | Array<string | React.ReactElement<HTMLElement>>;
-    } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
+    Quote: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
     Name: React.ForwardRefExoticComponent<Omit<{
         position?: string;
     } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;

package/lib/animation/TextRevealAnimation/TextRevealAnimation.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BaseProps } from '../../component-helpers';
+export type TextRevealAnimationProps = BaseProps<HTMLSpanElement> & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> & {
+    children: React.ReactChild;
+};
+export declare function TextRevealAnimation({ children, ...rest }: TextRevealAnimationProps): JSX.Element | null;

package/lib/animation/TextRevealAnimation/TextRevealAnimation.visual.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/animation/TextRevealAnimation/index.d.ts

@@ -0,0 +1 @@
+export * from './TextRevealAnimation';

package/lib/animation/TextRevealAnimation/useTextRevealAnimationLines.d.ts

@@ -0,0 +1,4 @@
+export declare const useTextRevealAnimationLines: (text?: string) => {
+    ref: import("react").RefObject<HTMLElement>;
+    lines: string[] | undefined;
+};

package/lib/animation/index.d.ts

@@ -1,3 +1,4 @@
 export * from './AnimationProvider';
 export * from './Animate';
 export * from './useAnimation';
+export * from './TextRevealAnimation';