@primer/react-brand 0.32.1-rc.ada345a → 0.33.0-rc.009adf5

package/lib/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css';
+export declare const BreadcrumbVariants: readonly ["default", "accent"];
+export type BreadcrumbsProps = {
+    variant?: (typeof BreadcrumbVariants)[number];
+} & BaseProps<HTMLElement> & React.HTMLAttributes<HTMLElement>;
+type ItemProps = {
+    href: string;
+    selected?: boolean;
+} & BaseProps<HTMLAnchorElement> & React.HTMLAttributes<HTMLAnchorElement>;
+/**
+ * Use Breadcrumbs to display the current location within a navigational hierarchy.
+ * @see https://primer.style/brand/components/Breadcrumbs
+ */
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+};
+export {};

package/lib/Breadcrumbs/Breadcrumbs.visual.spec.d.ts

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

package/lib/Breadcrumbs/index.d.ts

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

package/lib/Hero/Hero.d.ts

@@ -9,6 +9,13 @@ export type HeroProps = BaseProps<HTMLElement> & {
     align?: 'start' | 'center';
     imageContainerClassName?: string;
     imageContainerStyle?: React.CSSProperties;
+    /**
+     * Escape-hatch for inserting custom React components.
+     * Warning:
+     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
+     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
+     */
+    trailingComponent?: React.FunctionComponent;
 };
 type HeroHeadingProps = Omit<HeadingProps, 'as'>;
 type HeroDescriptionProps = {

package/lib/SubNav/SubNav.d.ts

@@ -1,8 +1,10 @@
 import React, { PropsWithChildren } from 'react';
+import { ButtonSizes, ButtonVariants } from '..';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens
  */
+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 type SubNavProps = {
     hasShadow?: boolean;
@@ -16,6 +18,22 @@ type SubNavLinkProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+declare function _SubMenu({ children, className, ...props }: PropsWithChildren<BaseProps<HTMLDivElement>>): JSX.Element;
+type SubNavActionProps = {
+    /**
+     * Required path or location for the action button to link to.
+     */
+    href: string;
+    /**
+     * Optional sizes for the button.
+     */
+    size?: (typeof ButtonSizes)[number];
+    /**
+     * Optional sizes for the button.
+     */
+    variant?: (typeof ButtonVariants)[number];
+} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNavActionProps): JSX.Element;
 /**
  * Use SubNav to display a secondary navigation beneath a primary header.
  * @see https://primer.style/brand/components/SubNav
@@ -30,12 +48,15 @@ export declare const SubNav: React.NamedExoticComponent<{
 } & {
     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;
+    Action: typeof _SubNavAction;
+    SubMenu: typeof _SubMenu;
     testIds: {
         root: string;
         readonly button: string;
         readonly overlay: string;
         readonly link: string;
         readonly heading: string;
+        readonly action: string;
     };
 };
 export {};