@primer/react-brand 0.31.0-rc.5333b3f → 0.31.0-rc.9280cf0

package/lib/SubNav/SubNav.d.ts

@@ -0,0 +1,41 @@
+import React, { PropsWithChildren } from 'react';
+import type { BaseProps } from '../component-helpers';
+/**
+ * Design tokens
+ */
+import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css';
+export type SubNavProps = {
+    hasShadow?: boolean;
+    'data-testid'?: string;
+} & PropsWithChildren<BaseProps<HTMLElement>>;
+type SubNavHeadingProps = {
+    href: string;
+    'data-testid'?: string;
+} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+type SubNavLinkProps = {
+    href: string;
+    'data-testid'?: string;
+} & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
+/**
+ * Use SubNav to display a secondary navigation beneath a primary header.
+ * @see https://primer.style/brand/components/SubNav
+ */
+export declare const SubNav: React.NamedExoticComponent<{
+    hasShadow?: boolean | undefined;
+    'data-testid'?: string | undefined;
+} & BaseProps<HTMLElement> & {
+    children?: React.ReactNode;
+}> & {
+    readonly type: ({ id, children, className, "data-testid": testId, 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;
+    testIds: {
+        root: string;
+        readonly button: string;
+        readonly overlay: string;
+        readonly link: string;
+        readonly heading: string;
+    };
+};
+export {};

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

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

package/lib/SubNav/index.d.ts

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