@cloudscape-design/components 3.0.1012 → 3.0.1014

package/top-navigation/1.0-beta/interfaces.d.ts

@@ -4,100 +4,99 @@ import { IconProps } from '../../icon/interfaces';
 import { BaseComponentProps } from '../../internal/base-component';
 import { CancelableEventHandler } from '../../internal/events';
 export interface TopNavigationProps extends BaseComponentProps {
-    /**
-     * Properties describing the product identity. They are as follows:
-     *
-     * * `title` (string) - Specifies the title text.
-     * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product.
-     * * `href` (string) - Specifies the `href` that the header links to.
-     * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.
-     */
-    identity: TopNavigationProps.Identity;
-    /**
-     * Use with an input or autosuggest control for a global search query.
-     */
-    search?: React.ReactNode;
-    /**
-     * A list of utility navigation elements.
-     * The supported utility types are: `button` and `menu-dropdown`.
-     *
-     * The following properties are supported across all utility types:
-     *
-     * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.
-     * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.
-     * * `title` (string) - The title displayed inside the dropdown.
-     * * `iconName` (string) - The name of an existing icon to display next to the utility.
-     * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
-     * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.
-     * * `iconSvg` (string) - Specifies the SVG of a custom icon.
-     * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.
-     * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.
-     * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.
-     * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.
-     *
-     * ### button
-     *
-     * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.
-     * * `href` (string) - Specifies the `href` for a link styled as a button.
-     * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.
-     * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.
-     * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.
-     *
-     * ### menu-dropdown
-     *
-     * * `description` (string) - The description displayed inside the dropdown.
-     * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown), with the exception of the checkbox item type.
-     * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.
-     */
-    utilities?: ReadonlyArray<TopNavigationProps.Utility>;
-    /**
-     * An object containing all the localized strings required by the component.
-     */
-    i18nStrings: TopNavigationProps.I18nStrings;
+  /**
+   * Properties describing the product identity. They are as follows:
+   *
+   * * `title` (string) - Specifies the title text.
+   * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product.
+   * * `href` (string) - Specifies the `href` that the header links to.
+   * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.
+   */
+  identity: TopNavigationProps.Identity;
+  /**
+   * Use with an input or autosuggest control for a global search query.
+   */
+  search?: React.ReactNode;
+  /**
+   * A list of utility navigation elements.
+   * The supported utility types are: `button` and `menu-dropdown`.
+   *
+   * The following properties are supported across all utility types:
+   *
+   * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.
+   * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.
+   * * `title` (string) - The title displayed inside the dropdown.
+   * * `iconName` (string) - The name of an existing icon to display next to the utility.
+   * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
+   * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.
+   * * `iconSvg` (string) - Specifies the SVG of a custom icon.
+   * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.
+   * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.
+   * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.
+   * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.
+   *
+   * ### button
+   *
+   * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.
+   * * `href` (string) - Specifies the `href` for a link styled as a button.
+   * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.
+   * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.
+   * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.
+   *
+   * ### menu-dropdown
+   *
+   * * `description` (string) - The description displayed inside the dropdown.
+   * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown), with the exception of the checkbox item type.
+   * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.
+   */
+  utilities?: ReadonlyArray<TopNavigationProps.Utility>;
+  /**
+   * An object containing all the localized strings required by the component.
+   */
+  i18nStrings: TopNavigationProps.I18nStrings;
 }
 export declare namespace TopNavigationProps {
-    export interface Identity {
-        title?: string;
-        logo?: Logo;
-        href: string;
-        onFollow?: CancelableEventHandler;
-    }
-    export interface Logo {
-        src: string;
-        alt?: string;
-    }
-    interface BaseUtility {
-        text?: string;
-        title?: string;
-        iconName?: IconProps.Name;
-        iconUrl?: string;
-        iconAlt?: string;
-        iconSvg?: React.ReactNode;
-        ariaLabel?: string;
-        badge?: boolean;
-        disableUtilityCollapse?: boolean;
-        disableTextCollapse?: boolean;
-    }
-    export interface MenuDropdownUtility extends BaseUtility {
-        type: 'menu-dropdown';
-        description?: string;
-        items: ButtonDropdownProps.Items;
-        onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-    }
-    export interface ButtonUtility extends BaseUtility {
-        type: 'button';
-        variant?: 'primary-button' | 'link';
-        onClick?: CancelableEventHandler;
-        href?: string;
-        external?: boolean;
-        externalIconAriaLabel?: string;
-    }
-    export type Utility = MenuDropdownUtility | ButtonUtility;
-    export interface I18nStrings {
-        searchIconAriaLabel?: string;
-        searchDismissIconAriaLabel?: string;
-        overflowMenuTriggerText: string;
-    }
-    export {};
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  export interface Identity {
+    title?: string;
+    logo?: Logo;
+    href: string;
+    onFollow?: CancelableEventHandler;
+  }
+  export interface Logo {
+    src: string;
+    alt?: string;
+  }
+  interface BaseUtility {
+    text?: string;
+    title?: string;
+    iconName?: IconProps.Name;
+    iconUrl?: string;
+    iconAlt?: string;
+    iconSvg?: React.ReactNode;
+    ariaLabel?: string;
+    badge?: boolean;
+    disableUtilityCollapse?: boolean;
+    disableTextCollapse?: boolean;
+  }
+  export interface MenuDropdownUtility extends BaseUtility {
+    type: 'menu-dropdown';
+    description?: string;
+    items: ButtonDropdownProps.Items;
+    onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+  }
+  export interface ButtonUtility extends BaseUtility {
+    type: 'button';
+    variant?: 'primary-button' | 'link';
+    onClick?: CancelableEventHandler;
+    href?: string;
+    external?: boolean;
+    externalIconAriaLabel?: string;
+  }
+  export type Utility = MenuDropdownUtility | ButtonUtility;
+  export interface I18nStrings {
+    searchIconAriaLabel?: string;
+    searchDismissIconAriaLabel?: string;
+    overflowMenuTriggerText: string;
+  }
+  export {};
+}

package/top-navigation/1.0-beta/internal.d.ts

@@ -2,6 +2,12 @@
 import { InternalBaseComponentProps } from '../../internal/hooks/use-base-component';
 import { TopNavigationProps } from './interfaces';
 type InternalTopNavigationProps = TopNavigationProps & InternalBaseComponentProps;
-export default function InternalTopNavigation({ __internalRootRef, identity, i18nStrings, utilities, search, ...restProps }: InternalTopNavigationProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+export default function InternalTopNavigation({
+  __internalRootRef,
+  identity,
+  i18nStrings,
+  utilities,
+  search,
+  ...restProps
+}: InternalTopNavigationProps): JSX.Element;
+export {};

package/top-navigation/1.0-beta/parts/overflow-menu.d.ts

@@ -3,15 +3,18 @@ import { ButtonDropdownProps } from '../../../button-dropdown/interfaces';
 import { BaseComponentProps } from '../../../internal/base-component';
 import { TopNavigationProps } from '../interfaces';
 interface OverflowMenuProps extends BaseComponentProps {
-    utilities: ReadonlyArray<TopNavigationProps.Utility>;
-    isNarrowViewport?: boolean;
-    /**
-     * Text displayed in the button dropdown trigger.
-     * @displayname text
-     */
-    children?: React.ReactNode;
+  utilities: ReadonlyArray<TopNavigationProps.Utility>;
+  isNarrowViewport?: boolean;
+  /**
+   * Text displayed in the button dropdown trigger.
+   * @displayname text
+   */
+  children?: React.ReactNode;
 }
 export declare function transformUtility(utility: TopNavigationProps.Utility, index: number): ButtonDropdownProps.ItemOrGroup;
-export default function OverflowMenu({ children, utilities, isNarrowViewport }: OverflowMenuProps): JSX.Element;
-export {};
-//# sourceMappingURL=overflow-menu.d.ts.map
+export default function OverflowMenu({
+  children,
+  utilities,
+  isNarrowViewport
+}: OverflowMenuProps): JSX.Element;
+export {};

package/top-navigation/1.0-beta/parts/utility.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import { TopNavigationProps } from '../interfaces';
 export interface UtilityProps {
-    hideText: boolean;
-    definition: TopNavigationProps.Utility;
-    last?: boolean;
-    isNarrowViewport?: boolean;
+  hideText: boolean;
+  definition: TopNavigationProps.Utility;
+  last?: boolean;
+  isNarrowViewport?: boolean;
 }
-export default function Utility({ hideText, definition, last, isNarrowViewport }: UtilityProps): JSX.Element | null;
-//# sourceMappingURL=utility.d.ts.map
+export default function Utility({
+  hideText,
+  definition,
+  last,
+  isNarrowViewport
+}: UtilityProps): JSX.Element | null;

package/top-navigation/1.0-beta/use-top-navigation.d.ts

@@ -1,25 +1,29 @@
 import React from 'react';
 import { TopNavigationProps } from './interfaces';
 interface UseTopNavigationParams {
-    __internalRootRef?: React.MutableRefObject<HTMLElement> | null;
-    identity: TopNavigationProps['identity'];
-    search: TopNavigationProps['search'];
-    utilities: NonNullable<TopNavigationProps['utilities']>;
+  __internalRootRef?: React.MutableRefObject<HTMLElement> | null;
+  identity: TopNavigationProps['identity'];
+  search: TopNavigationProps['search'];
+  utilities: NonNullable<TopNavigationProps['utilities']>;
 }
 interface ResponsiveState {
-    hideUtilityText?: boolean;
-    hideSearch?: boolean;
-    hideUtilities?: number[];
-    hideTitle?: boolean;
+  hideUtilityText?: boolean;
+  hideSearch?: boolean;
+  hideUtilities?: number[];
+  hideTitle?: boolean;
 }
 interface UseTopNavigation {
-    ref: React.Ref<HTMLDivElement>;
-    virtualRef: React.Ref<HTMLDivElement>;
-    responsiveState: ResponsiveState;
-    breakpoint: 'default' | 'xxs' | 's';
-    isSearchExpanded: boolean;
-    onSearchUtilityClick: () => void;
+  ref: React.Ref<HTMLDivElement>;
+  virtualRef: React.Ref<HTMLDivElement>;
+  responsiveState: ResponsiveState;
+  breakpoint: 'default' | 'xxs' | 's';
+  isSearchExpanded: boolean;
+  onSearchUtilityClick: () => void;
 }
-export declare function useTopNavigation({ __internalRootRef: mainRef, identity, search, utilities, }: UseTopNavigationParams): UseTopNavigation;
-export {};
-//# sourceMappingURL=use-top-navigation.d.ts.map
+export declare function useTopNavigation({
+  __internalRootRef: mainRef,
+  identity,
+  search,
+  utilities
+}: UseTopNavigationParams): UseTopNavigation;
+export {};

package/top-navigation/index.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { TopNavigationProps } from './interfaces';
 export { TopNavigationProps };
-export default function TopNavigation({ utilities, ...restProps }: TopNavigationProps): JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export default function TopNavigation({
+  utilities,
+  ...restProps
+}: TopNavigationProps): JSX.Element;

package/top-navigation/interfaces.d.ts

@@ -5,114 +5,113 @@ import { IconProps } from '../icon/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { CancelableEventHandler } from '../internal/events';
 export interface TopNavigationProps extends BaseComponentProps {
-    /**
-     * Properties describing the product identity. They are as follows:
-     *
-     * * `title` (string) - Specifies the title text.
-     * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product. Use fixed width and height for SVG images to ensure proper rendering.
-     * * `href` (string) - Specifies the `href` that the header links to.
-     * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.
-     */
-    identity: TopNavigationProps.Identity;
-    /**
-     * Use with an input or autosuggest control for a global search query.
-     */
-    search?: React.ReactNode;
-    /**
-     * A list of utility navigation elements.
-     * The supported utility types are: `button` and `menu-dropdown`.
-     *
-     * The following properties are supported across all utility types:
-     *
-     * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.
-     * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.
-     * * `title` (string) - The title displayed inside the dropdown.
-     * * `iconName` (string) - The name of an existing icon to display next to the utility.
-     * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
-     * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.
-     * * `iconSvg` (string) - Specifies the SVG of a custom icon.
-     * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.
-     * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.
-     * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.
-     * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.
-     *
-     * ### button
-     *
-     * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.
-     * * `href` (string) - Specifies the `href` for a link styled as a button.
-     * * `target` (string) - Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`). This property only applies when an `href` is provided.
-     * * `rel` (string) - Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to "noopener noreferrer" when `target` is `"_blank"`. If the `rel` property is provided, it overrides the default behavior.
-     * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.
-     * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.
-     * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.
-     * * `onFollow` (() => void) - Specifies the event handler called when the utility is clicked without pressing modifier keys, and the utility has an `href` set.
-     *
-     * ### menu-dropdown
-     *
-     * * `description` (string) - The description displayed inside the dropdown.
-     * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown), with the exception of the checkbox item type.
-     * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.
-     * * `onItemFollow` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected without pressing modifier keys, and the item has an `href` set.
-     * * `expandableGroups` (boolean) - Controls expandability of the item groups.
-     */
-    utilities?: ReadonlyArray<TopNavigationProps.Utility>;
-    /**
-     * An object containing all the localized strings required by the component.
-     * @i18n
-     */
-    i18nStrings?: TopNavigationProps.I18nStrings;
+  /**
+   * Properties describing the product identity. They are as follows:
+   *
+   * * `title` (string) - Specifies the title text.
+   * * `logo` ({ src: string, alt: string }) - Specifies the logo for the product. Use fixed width and height for SVG images to ensure proper rendering.
+   * * `href` (string) - Specifies the `href` that the header links to.
+   * * `onFollow` (() => void) - Specifies the event handler called when the identity is clicked without any modifier keys.
+   */
+  identity: TopNavigationProps.Identity;
+  /**
+   * Use with an input or autosuggest control for a global search query.
+   */
+  search?: React.ReactNode;
+  /**
+   * A list of utility navigation elements.
+   * The supported utility types are: `button` and `menu-dropdown`.
+   *
+   * The following properties are supported across all utility types:
+   *
+   * * `type` (string) - The type of the utility. Can be `button` or `menu-dropdown`.
+   * * `text` (string) - Specifies the text shown in the top navigation or the title inside the dropdown if no explicit `title` property is set.
+   * * `title` (string) - The title displayed inside the dropdown.
+   * * `iconName` (string) - The name of an existing icon to display next to the utility.
+   * * `iconUrl` (string) - Specifies the URL of a custom icon. Use this property if the icon you want isn't available.
+   * * `iconAlt` (string) - Specifies alternate text for a custom icon provided using `iconUrl`. We recommend that you provide this for accessibility.
+   * * `iconSvg` (string) - Specifies the SVG of a custom icon.
+   * * `ariaLabel` (string) - Adds `aria-label` to the button or dropdown trigger. This is recommended for accessibility if a text is not provided.
+   * * `badge` (boolean) - Adds a badge to the corner of the icon to indicate a state change. For example: Unread notifications.
+   * * `disableTextCollapse` (boolean) - Prevents the utility text from being hidden on smaller screens.
+   * * `disableUtilityCollapse` (boolean) - Prevents the utility from being moved to an overflow menu on smaller screens.
+   *
+   * ### button
+   *
+   * * `variant` ('primary-button' | 'link') - The visual appearance of the button. The default value is 'link'.
+   * * `href` (string) - Specifies the `href` for a link styled as a button.
+   * * `target` (string) - Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`). This property only applies when an `href` is provided.
+   * * `rel` (string) - Adds a `rel` attribute to the link. By default, the component sets the `rel` attribute to "noopener noreferrer" when `target` is `"_blank"`. If the `rel` property is provided, it overrides the default behavior.
+   * * `external` (boolean) - Marks the link as external by adding an icon after the text. When clicked, the link opens in a new tab.
+   * * `externalIconAriaLabel` (string) - Adds an `aria-label` for the external icon.
+   * * `onClick` (() => void) - Specifies the event handler called when the utility is clicked.
+   * * `onFollow` (() => void) - Specifies the event handler called when the utility is clicked without pressing modifier keys, and the utility has an `href` set.
+   *
+   * ### menu-dropdown
+   *
+   * * `description` (string) - The description displayed inside the dropdown.
+   * * `items` (ButtonDropdownProps.Items) - An array of dropdown items. This follows the same structure as the `items` property of the [button dropdown component](/components/button-dropdown), with the exception of the checkbox item type.
+   * * `onItemClick` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected.
+   * * `onItemFollow` (NonCancelableEventHandler<ButtonDropdownProps.ItemClickDetails>) - Specifies the event handler called when a dropdown item is selected without pressing modifier keys, and the item has an `href` set.
+   * * `expandableGroups` (boolean) - Controls expandability of the item groups.
+   */
+  utilities?: ReadonlyArray<TopNavigationProps.Utility>;
+  /**
+   * An object containing all the localized strings required by the component.
+   * @i18n
+   */
+  i18nStrings?: TopNavigationProps.I18nStrings;
 }
 export declare namespace TopNavigationProps {
-    export interface Identity {
-        title?: string;
-        logo?: Logo;
-        href: string;
-        onFollow?: CancelableEventHandler;
-    }
-    export interface Logo {
-        src: string;
-        alt?: string;
-    }
-    interface BaseUtility {
-        text?: string;
-        title?: string;
-        iconName?: IconProps.Name;
-        iconUrl?: string;
-        iconAlt?: string;
-        iconSvg?: React.ReactNode;
-        ariaLabel?: string;
-        badge?: boolean;
-        disableUtilityCollapse?: boolean;
-        disableTextCollapse?: boolean;
-    }
-    export interface MenuDropdownUtility extends BaseUtility {
-        type: 'menu-dropdown';
-        description?: string;
-        items: ButtonDropdownProps.Items;
-        expandableGroups?: boolean;
-        onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-        onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
-    }
-    export interface ButtonUtility extends BaseUtility {
-        type: 'button';
-        variant?: 'primary-button' | 'link';
-        onClick?: CancelableEventHandler;
-        onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;
-        href?: string;
-        target?: string;
-        rel?: string;
-        external?: boolean;
-        externalIconAriaLabel?: string;
-    }
-    export type Utility = MenuDropdownUtility | ButtonUtility;
-    export interface I18nStrings {
-        searchIconAriaLabel?: string;
-        searchDismissIconAriaLabel?: string;
-        overflowMenuDismissIconAriaLabel?: string;
-        overflowMenuBackIconAriaLabel?: string;
-        overflowMenuTriggerText?: string;
-        overflowMenuTitleText?: string;
-    }
-    export {};
-}
-//# sourceMappingURL=interfaces.d.ts.map
+  export interface Identity {
+    title?: string;
+    logo?: Logo;
+    href: string;
+    onFollow?: CancelableEventHandler;
+  }
+  export interface Logo {
+    src: string;
+    alt?: string;
+  }
+  interface BaseUtility {
+    text?: string;
+    title?: string;
+    iconName?: IconProps.Name;
+    iconUrl?: string;
+    iconAlt?: string;
+    iconSvg?: React.ReactNode;
+    ariaLabel?: string;
+    badge?: boolean;
+    disableUtilityCollapse?: boolean;
+    disableTextCollapse?: boolean;
+  }
+  export interface MenuDropdownUtility extends BaseUtility {
+    type: 'menu-dropdown';
+    description?: string;
+    items: ButtonDropdownProps.Items;
+    expandableGroups?: boolean;
+    onItemClick?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+    onItemFollow?: CancelableEventHandler<ButtonDropdownProps.ItemClickDetails>;
+  }
+  export interface ButtonUtility extends BaseUtility {
+    type: 'button';
+    variant?: 'primary-button' | 'link';
+    onClick?: CancelableEventHandler;
+    onFollow?: CancelableEventHandler<ButtonProps.FollowDetail>;
+    href?: string;
+    target?: string;
+    rel?: string;
+    external?: boolean;
+    externalIconAriaLabel?: string;
+  }
+  export type Utility = MenuDropdownUtility | ButtonUtility;
+  export interface I18nStrings {
+    searchIconAriaLabel?: string;
+    searchDismissIconAriaLabel?: string;
+    overflowMenuDismissIconAriaLabel?: string;
+    overflowMenuBackIconAriaLabel?: string;
+    overflowMenuTriggerText?: string;
+    overflowMenuTitleText?: string;
+  }
+  export {};
+}

package/top-navigation/internal.d.ts

@@ -3,6 +3,12 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { SomeRequired } from '../internal/types';
 import { TopNavigationProps } from './interfaces';
 type InternalTopNavigationProps = SomeRequired<TopNavigationProps, 'utilities'> & InternalBaseComponentProps;
-export default function InternalTopNavigation({ __internalRootRef, identity, i18nStrings, utilities, search, ...restProps }: InternalTopNavigationProps): JSX.Element;
-export {};
-//# sourceMappingURL=internal.d.ts.map
+export default function InternalTopNavigation({
+  __internalRootRef,
+  identity,
+  i18nStrings,
+  utilities,
+  search,
+  ...restProps
+}: InternalTopNavigationProps): JSX.Element;
+export {};

package/top-navigation/parts/overflow-menu/header.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 export interface HeaderProps {
-    dismissIconAriaLabel?: string;
-    backIconAriaLabel?: string;
-    secondaryText?: string;
-    onClose?: () => void;
-    onBack?: () => void;
-    children: React.ReactNode;
+  dismissIconAriaLabel?: string;
+  backIconAriaLabel?: string;
+  secondaryText?: string;
+  onClose?: () => void;
+  onBack?: () => void;
+  children: React.ReactNode;
 }
 declare const Header: React.FC<HeaderProps>;
-export default Header;
-//# sourceMappingURL=header.d.ts.map
+export default Header;

package/top-navigation/parts/overflow-menu/index.d.ts

@@ -2,15 +2,20 @@
 import { TopNavigationProps } from '../../interfaces';
 import { HeaderProps } from './header';
 interface OverflowMenuProps {
-    headerText?: string;
-    items?: TopNavigationProps['utilities'];
-    dismissIconAriaLabel?: HeaderProps['dismissIconAriaLabel'];
-    backIconAriaLabel?: HeaderProps['backIconAriaLabel'];
-    onClose?: HeaderProps['onClose'];
+  headerText?: string;
+  items?: TopNavigationProps['utilities'];
+  dismissIconAriaLabel?: HeaderProps['dismissIconAriaLabel'];
+  backIconAriaLabel?: HeaderProps['backIconAriaLabel'];
+  onClose?: HeaderProps['onClose'];
 }
 export interface View extends Omit<OverflowMenuProps, 'items'> {
-    headerSecondaryText?: HeaderProps['secondaryText'];
+  headerSecondaryText?: HeaderProps['secondaryText'];
 }
-declare const OverflowMenu: ({ headerText, dismissIconAriaLabel, backIconAriaLabel, items, onClose, }: OverflowMenuProps) => JSX.Element;
-export default OverflowMenu;
-//# sourceMappingURL=index.d.ts.map
+declare const OverflowMenu: ({
+  headerText,
+  dismissIconAriaLabel,
+  backIconAriaLabel,
+  items,
+  onClose
+}: OverflowMenuProps) => JSX.Element;
+export default OverflowMenu;

package/top-navigation/parts/overflow-menu/menu-item.d.ts

@@ -2,13 +2,12 @@ import React from 'react';
 import { ButtonDropdownProps } from '../../../button-dropdown/interfaces';
 import { TopNavigationProps } from '../../interfaces';
 type UtilityMenuItemProps = TopNavigationProps.Utility & {
-    index: number;
-    onClose?: () => void;
+  index: number;
+  onClose?: () => void;
 };
 export declare const UtilityMenuItem: React.ForwardRefExoticComponent<UtilityMenuItemProps & React.RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
 type SubmenuItemProps = ButtonDropdownProps.ItemOrGroup & {
-    onClick: (event: React.MouseEvent, item: ButtonDropdownProps.Item) => void;
+  onClick: (event: React.MouseEvent, item: ButtonDropdownProps.Item) => void;
 };
 export declare const SubmenuItem: (props: SubmenuItemProps) => JSX.Element;
-export {};
-//# sourceMappingURL=menu-item.d.ts.map
+export {};