@primer/react-brand 0.43.0-rc.9375ac0a → 0.44.0-rc.1d9d40ed

package/lib/SubNav/SubNav.d.ts

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren, type RefObject } from 'react';
 import { ButtonSizes, ButtonVariants } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
@@ -6,6 +6,12 @@ import type { BaseProps } from '../component-helpers';
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css';
+export declare const SubNavSubMenuVariants: readonly ["dropdown", "anchor"];
+type SubMenuVariants = (typeof SubNavSubMenuVariants)[number];
+type SubNavContextType = {
+    portalRef: RefObject<HTMLDivElement>;
+};
+export declare const useSubNavContext: () => SubNavContextType;
 export type SubNavProps = {
     hasShadow?: boolean;
     /**
@@ -22,8 +28,12 @@ type SubNavHeadingProps = {
 type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
+    _variant?: SubMenuVariants;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
-declare function _SubMenu({ children, className, ...props }: PropsWithChildren<BaseProps<HTMLUListElement>>): JSX.Element;
+type SubMenuProps = {
+    variant?: SubMenuVariants;
+} & React.HTMLAttributes<HTMLUListElement> & BaseProps<HTMLUListElement>;
+declare function _SubMenu({ children, className, variant, ...props }: SubMenuProps): JSX.Element;
 type SubNavActionProps = {
     /**
      * Required path or location for the action button to link to.
@@ -67,6 +77,7 @@ export declare const SubNav: React.NamedExoticComponent<{
         readonly link: string;
         readonly heading: string;
         readonly action: string;
+        readonly subMenu: string;
     };
 };
 export {};

package/lib/component-helpers.d.ts

@@ -1,4 +1,4 @@
-import React, { Ref, PropsWithChildren } from 'react';
+import React, { Ref, PropsWithChildren, CSSProperties } from 'react';
 import { AnimateProps } from './animation/AnimationProvider';
 /**
  * Layout
@@ -11,8 +11,9 @@ type RedlineBackgroundProps = {
     height?: number;
     hasBorder?: boolean;
     className?: string;
+    style?: CSSProperties;
 };
-export declare function RedlineBackground({ height, hasBorder, ...rest }: PropsWithChildren<RedlineBackgroundProps>): JSX.Element;
+export declare function RedlineBackground({ height, hasBorder, style, ...rest }: PropsWithChildren<RedlineBackgroundProps>): JSX.Element;
 /**
  * Base Types
  */