@primer/react-brand 0.59.1 → 0.59.2-rc.944bbf67

package/lib/ActionMenu/ActionMenu.d.ts

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren, Ref, ReactElement } from 'react';
 import { ButtonProps } from '../';
-import { Icon } from '@primer/octicons-react';
-import { PositionSettings } from '@primer/behaviors';
+import { type Icon } from '@primer/octicons-react';
+import { type PositionSettings } from '@primer/behaviors';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens

package/lib/AnchorNav/AnchorNav.d.ts

@@ -19,7 +19,7 @@ export type AnchorNavProps = BaseProps<HTMLElement> & {
      */
     hideUntilSticky?: boolean;
 } & React.ComponentPropsWithoutRef<'nav'>;
-declare function _AnchorNav({ children, enableDefaultBgColor, hideUntilSticky, ...rest }: AnchorNavProps): import("react/jsx-runtime").JSX.Element;
+declare function AnchorNavBase({ children, enableDefaultBgColor, hideUntilSticky, ...rest }: AnchorNavProps): import("react/jsx-runtime").JSX.Element;
 type AnchorNavLinkIntersectionOptions = {
     /**
      * The area of the element that should trigger the next linked section to be highlighted.
@@ -45,23 +45,23 @@ type AnchorNavLinkProps = BaseProps<HTMLAnchorElement> & {
     prefersReducedMotion?: boolean;
     updateCurrentActiveNav?: (id: string | null) => void;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function _AnchorNavLink({ alignment, children, href, isActive, toggleMenuCallback, prefersReducedMotion, intersectionOptions, updateCurrentActiveNav, ...rest }: AnchorNavLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function NavLinkBase({ alignment, children, href, isActive, toggleMenuCallback, prefersReducedMotion, intersectionOptions, updateCurrentActiveNav, ...rest }: AnchorNavLinkProps): import("react/jsx-runtime").JSX.Element;
 type AnchorNavActionProps = {
     /**
      * Required path or location for the action button to link to.
      */
     href: string;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & ButtonBaseProps;
-declare function _AnchorNavAction({ children, href, variant, size, ...rest }: AnchorNavActionProps): import("react/jsx-runtime").JSX.Element;
-declare function _AnchorNavActionSecondary({ children, href, variant, size, ...rest }: AnchorNavActionProps): import("react/jsx-runtime").JSX.Element;
+declare function ActionBase({ children, href, variant, size, ...rest }: AnchorNavActionProps): import("react/jsx-runtime").JSX.Element;
+declare function SecondaryActionBase({ children, href, variant, size, ...rest }: AnchorNavActionProps): import("react/jsx-runtime").JSX.Element;
 /**
  * AnchorNav allows users to navigate to different sections of a page.
  * @see https://primer.style/brand/components/AnchorNav
  */
-export declare const AnchorNav: typeof _AnchorNav & {
-    Link: typeof _AnchorNavLink;
-    Action: typeof _AnchorNavAction;
-    SecondaryAction: typeof _AnchorNavActionSecondary;
+export declare const AnchorNav: typeof AnchorNavBase & {
+    Link: typeof NavLinkBase;
+    Action: typeof ActionBase;
+    SecondaryAction: typeof SecondaryActionBase;
     testIds: {
         root: string;
         readonly menuButton: string;

package/lib/BreakoutBanner/BreakoutBanner.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { Icon } from '@primer/octicons-react';
+import type { Icon } from '@primer/octicons-react';
 import type { BaseProps } from '../component-helpers';
 import { HeadingProps, StackProps } from '../';
 type ResponsiveMap<T> = {

package/lib/EyebrowBanner/EyebrowBanner.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Icon as IconProps } from '@primer/octicons-react';
+import { type Icon as IconProps } from '@primer/octicons-react';
 import type { BaseProps } from '../component-helpers';
 /**
  * Design tokens

package/lib/FAQ/FAQGroup.d.ts

@@ -6,18 +6,18 @@ import { FAQSubheadingProps } from './';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/faq.css';
-declare function _Heading({ children, className, as, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
+declare function HeadingBase({ children, className, as, ...rest }: FAQSubheadingProps): import("react/jsx-runtime").JSX.Element;
 export type FAQGroupProps = React.PropsWithChildren<{
     id?: string;
     defaultSelectedIndex?: number;
     tabAttributes?: (children: ReactElement, index: number) => Record<string, unknown>;
 }>;
-declare function _FAQGroup({ children, id, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function FAQGroupBase({ children, id, defaultSelectedIndex, tabAttributes, ...rest }: FAQGroupProps): import("react/jsx-runtime").JSX.Element;
 /**
  * FAQGroup component:
  * {@link https://primer.style/brand/components/FAQ#grouped-faqs See usage examples}.
  */
-export declare const FAQGroup: typeof _FAQGroup & {
-    Heading: typeof _Heading;
+export declare const FAQGroup: typeof FAQGroupBase & {
+    Heading: typeof HeadingBase;
 };
 export {};

package/lib/Label/Label.d.ts

@@ -4,7 +4,7 @@ import type { BaseProps } from '../component-helpers';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css';
-import { Icon } from '@primer/octicons-react';
+import type { Icon } from '@primer/octicons-react';
 export declare const LabelColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow", "blue-purple", "green-blue", "pink-blue", "purple-red", "red-orange", "green-blue-purple"];
 export declare const LabelSizes: readonly ["small", "medium", "large"];
 export declare const defaultLabelColor: "default";

package/lib/Pillar/Pillar.d.ts

@@ -5,7 +5,7 @@ import type { BaseProps } from '../component-helpers';
  * Design tokens
  */
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css';
-import { Icon as IconProps } from '@primer/octicons-react';
+import type { Icon as IconProps } from '@primer/octicons-react';
 export declare const PillarIconColors: readonly ["default", "blue", "coral", "green", "gray", "indigo", "lemon", "lime", "orange", "pink", "purple", "red", "teal", "yellow"];
 export declare const defaultPillarIconColor: "default";
 export type PillarProps<C extends keyof JSX.IntrinsicElements = 'div'> = React.HTMLAttributes<C> & {

package/lib/SubNav/SubNav.d.ts

@@ -21,15 +21,15 @@ export type SubNavProps = {
     fullWidth?: boolean;
     'data-testid'?: string;
 } & PropsWithChildren<BaseProps<HTMLDivElement>>;
-type SubNavHeadingProps = {
+type HeadingBaseProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
-type SubNavSubHeadingProps = {
+type SubHeadingBaseProps = {
     href: string;
     'data-testid'?: string;
 } & PropsWithChildren<React.HTMLProps<HTMLAnchorElement>> & BaseProps<HTMLAnchorElement>;
-type SubNavLinkProps = {
+type LinkBaseProps = {
     href: string;
     'data-testid'?: string;
     variant?: TextProps['variant'];
@@ -38,7 +38,7 @@ type SubNavLinkProps = {
 type SubMenuProps = {
     variant?: SubMenuVariants;
 } & React.HTMLAttributes<HTMLUListElement> & BaseProps<HTMLUListElement>;
-declare function _SubMenu({ children, className, variant, ...props }: SubMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function SubMenuBase({ children, className, variant, ...props }: SubMenuProps): import("react/jsx-runtime").JSX.Element;
 type SubNavActionProps = {
     /**
      * Required path or location for the action button to link to.
@@ -53,7 +53,7 @@ type SubNavActionProps = {
      */
     variant?: (typeof ButtonVariants)[number];
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
-declare function _SubNavAction({ children, href, variant, size, ...rest }: SubNavActionProps): import("react/jsx-runtime").JSX.Element;
+declare function ActionBase({ children, href, variant, size, ...rest }: SubNavActionProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Use SubNav to display a secondary navigation beneath a primary header.
  * @see https://primer.style/brand/components/SubNav
@@ -63,11 +63,11 @@ export declare const SubNav: React.NamedExoticComponent<Omit<Omit<SubNavProps, "
 }> & {
     readonly type: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 } & {
-    Heading: ({ href, children, className, "data-testid": testID, ...props }: SubNavHeadingProps) => import("react/jsx-runtime").JSX.Element;
-    SubHeading: ({ href, children, className, "data-testid": testID, ...props }: SubNavSubHeadingProps) => import("react/jsx-runtime").JSX.Element;
-    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
-    Action: typeof _SubNavAction;
-    SubMenu: typeof _SubMenu;
+    Heading: ({ href, children, className, "data-testid": testID, ...props }: HeadingBaseProps) => import("react/jsx-runtime").JSX.Element;
+    SubHeading: ({ href, children, className, "data-testid": testID, ...props }: SubHeadingBaseProps) => import("react/jsx-runtime").JSX.Element;
+    Link: React.ForwardRefExoticComponent<Omit<LinkBaseProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
+    Action: typeof ActionBase;
+    SubMenu: typeof SubMenuBase;
     testIds: {
         root: string;
         readonly button: string;