@atlaskit/navigation-system 7.2.1 → 8.0.0

package/dist/types/ui/top-nav-items/themed/link-icon-button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ThemedLinkIconButtonProps } from './themed-link-icon-button';
+type IconButtonMigrationProps = {
+    isTooltipDisabled?: boolean;
+};
+export declare const LinkIconButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedLinkIconButtonProps & IconButtonMigrationProps> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/types/ui/top-nav-items/themed/palette-rgba.d.ts

@@ -0,0 +1,14 @@
+export declare const paletteRgba: {
+    DarkNeutral300A: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    Neutral300A: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+};

package/dist/types/ui/top-nav-items/themed/palette.d.ts

@@ -1,9 +1,3 @@
-/**
- * Copied from the brand refresh palette.
- *
- * Ideally we'd codegen this but the brand refresh palette isn't exposed
- * through public API and we shouldn't use the private API of another package.
- */
 export declare const palette: {
     'DarkNeutral-100': string;
     'DarkNeutral-100A': string;
@@ -46,17 +40,3 @@ export declare const palette: {
     Neutral1000: string;
     Neutral1100: string;
 };
-export declare const paletteRgba: {
-    DarkNeutral300A: {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    Neutral300A: {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-};

package/dist/types/ui/top-nav-items/themed/themed-anchor.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type AnchorProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps } from './types';
+/**
+ * Props that are common between link buttons.
+ */
+interface LinkVariantCommonProps<RouterLinkConfig extends Record<string, any> = never> extends CommonProps, Omit<AnchorProps<RouterLinkConfig>, OverriddenPrimitiveProps> {
+}
+/**
+ * Props shared by `ThemedPressable` and `ThemedAnchor`
+ */
+interface ThemedPrimitiveProps {
+    shape?: 'default' | 'square';
+    children: React.ReactNode;
+}
+interface ThemedAnchorProps<RouterLinkConfig extends Record<string, any> = never> extends ThemedPrimitiveProps, LinkVariantCommonProps<RouterLinkConfig> {
+}
+/**
+ * Intentionally an almost-duplicate of `ThemedPressable` - make sure to update both.
+ *
+ * More 'clever' solutions were tried but I couldn't get them working in an acceptable state.
+ *
+ * Polymorphism had many typing issues and required sacrificing type safety.
+ *
+ * Render props had problems passing down styles through `xcss` to the `children` function.
+ */
+export declare const ThemedAnchor: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedAnchorProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
+export {};

package/dist/types/ui/top-nav-items/themed/themed-button.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
+export interface ThemedButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, TextButtonCommonProps {
+}
+export declare const ThemedButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedButtonProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/top-nav-items/themed/themed-icon-button.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { PressableProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
+export interface ThemedIconButtonProps extends CommonProps, Omit<PressableProps, OverriddenPrimitiveProps>, IconButtonCommonProps {
+}
+export declare const ThemedIconButton: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedIconButtonProps> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/ui/top-nav-items/themed/themed-link-button.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps, TextButtonCommonProps } from './types';
+/**
+ * Props that are common between link buttons.
+ */
+interface LinkVariantCommonProps<RouterLinkConfig extends Record<string, any> = never> extends CommonProps, Omit<AnchorProps<RouterLinkConfig>, OverriddenPrimitiveProps> {
+}
+export interface ThemedLinkButtonProps<RouterLinkConfig extends Record<string, any> = never> extends LinkVariantCommonProps<RouterLinkConfig>, TextButtonCommonProps {
+}
+export declare const ThemedLinkButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
+export {};

package/dist/types/ui/top-nav-items/themed/themed-link-icon-button.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { AnchorProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, IconButtonCommonProps, OverriddenPrimitiveProps } from './types';
+/**
+ * Props that are common between link buttons.
+ */
+interface LinkVariantCommonProps<RouterLinkConfig extends Record<string, any> = never> extends CommonProps, Omit<AnchorProps<RouterLinkConfig>, OverriddenPrimitiveProps> {
+}
+export interface ThemedLinkIconButtonProps<RouterLinkConfig extends Record<string, any> = never> extends LinkVariantCommonProps<RouterLinkConfig>, IconButtonCommonProps {
+    href: string | RouterLinkConfig;
+}
+export declare const ThemedLinkIconButton: <RouterLinkConfig extends Record<string, any> = never>(props: ThemedLinkIconButtonProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
+export {};

package/dist/types/ui/top-nav-items/themed/themed-pressable.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { type PressableProps } from '@atlaskit/primitives/compiled';
+import type { CommonProps, OverriddenPrimitiveProps } from './types';
+/**
+ * Props shared by `ThemedPressable` and `ThemedAnchor`
+ */
+interface ThemedPrimitiveProps {
+    shape?: 'default' | 'square';
+    children: React.ReactNode;
+}
+interface ThemedPressableProps extends ThemedPrimitiveProps, CommonProps, Omit<PressableProps, OverriddenPrimitiveProps> {
+}
+export declare const ThemedPressable: React.ForwardRefExoticComponent<React.PropsWithoutRef<ThemedPressableProps> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/ui/top-nav-items/themed/types.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import type { IconButtonProps } from '@atlaskit/button/new';
+import type { IgnoredPrimitiveProps } from './get-primitives-spread-props';
+/**
+ * Props present in underlying primitives but we want to override,
+ * so we don't want to inherit their definitions
+ */
+export type OverriddenPrimitiveProps = 'aria-label' | 'children' | IgnoredPrimitiveProps;
+export interface CommonProps {
+    /**
+     * The button style variation.
+     */
+    appearance?: 'default' | 'primary' | 'subtle';
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates that the button is selected.
+     */
+    isSelected?: boolean;
+}
+/**
+ * Props shared by `Button` and `LinkButton`
+ */
+export interface TextButtonCommonProps {
+    /**
+     * Places an icon within the button, before the button's text.
+     */
+    iconBefore?: IconButtonProps['icon'];
+    /**
+     * Text content to be rendered in the button.
+     */
+    children: ReactNode;
+}
+/**
+ * Props shared by `ThemedIconButtonProps` and `ThemedLinkIconButton`
+ */
+export interface IconButtonCommonProps {
+    children?: never;
+    'aria-label'?: never;
+    /**
+     * Provide an accessible label, often used by screen readers.
+     */
+    label: ReactNode;
+    /**
+     * Places an icon within the button.
+     */
+    icon: IconButtonProps['icon'];
+    /**
+     * Props passed down to the Tooltip component.
+     */
+    tooltip?: IconButtonProps['tooltip'];
+}

package/dist/types/ui/top-nav-items/themed/use-custom-theme-new.d.ts

@@ -0,0 +1,20 @@
+import { type CustomTheme } from './get-custom-theme-styles';
+type ResultNew = {
+    isEnabled: false;
+} | {
+    isEnabled: true;
+    style: React.CSSProperties;
+    hasDefaultBackground: boolean;
+};
+/**
+ * React hook that computes the custom theme style for the top navigation bar.
+ *
+ * Determines whether a custom theme is enabled, computes the resulting style,
+ * and checks if the background color matches the default for the current color mode.
+ *
+ * @param theme Optional custom theme configuration object.
+ * @returns An object indicating if the custom theme is enabled, the computed style,
+ *          and a flag specifying if the default background color is used.
+ */
+export declare function useCustomThemeNew(theme: CustomTheme | undefined): ResultNew;
+export {};

package/dist/types/ui/top-nav-items/themed/use-custom-theme.d.ts

@@ -1,15 +1,4 @@
 import { type CustomTheme } from './get-custom-theme-styles';
-type ResultNew = {
-    isEnabled: false;
-} | {
-    isEnabled: true;
-    style: React.CSSProperties;
-    hasDefaultBackground: boolean;
-};
-/**
- * {description}.
- */
-export declare function useCustomThemeNew(theme: CustomTheme | undefined): ResultNew;
 type Result = {
     isEnabled: false;
 } | {

package/dist/types-ts4.5/context/skip-links/skip-links-context.d.ts

@@ -7,30 +7,3 @@ export type SkipLinksContextData = {
  * Provides a way to register and unregister skip links
  */
 export declare const SkipLinksContext: import('react').Context<SkipLinksContextData>;
-/**
- * Internal-only hook for registering skip links.
- *
- * `useSkipLink` is the public API wrapper of this.
- *
- * This private version exists for us to support `onBeforeNavigate` for the side nav use case,
- * where we might need to expand it before moving focus, without having to support `onBeforeNavigate` publicly.
- */
-export declare const useSkipLinkInternal: ({ id, label, listIndex, onBeforeNavigate, isHidden, }: SkipLinkData) => void;
-/**
- * Call `useSkipLink` to register a skip link for important elements on the page.
- */
-export declare const useSkipLink: (
-/**
- * The unique ID for the skip link.
- * You can use the `useSkipLinkId` hook to generate a unique ID.
- */
-id: string, 
-/**
- * The label for the skip link.
- */
-label: string, 
-/**
- * You can optionally set the position of the skip link in the list of skip links.
- * Positions are zero-indexed.
- */
-listIndex?: number) => void;

package/dist/types-ts4.5/context/skip-links/use-skip-link-internal.d.ts

@@ -0,0 +1,10 @@
+import { type SkipLinkData } from './types';
+/**
+ * Internal-only hook for registering skip links.
+ *
+ * `useSkipLink` is the public API wrapper of this.
+ *
+ * This private version exists for us to support `onBeforeNavigate` for the side nav use case,
+ * where we might need to expand it before moving focus, without having to support `onBeforeNavigate` publicly.
+ */
+export declare const useSkipLinkInternal: ({ id, label, listIndex, onBeforeNavigate, isHidden, }: SkipLinkData) => void;

package/dist/types-ts4.5/context/skip-links/use-skip-link.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Call `useSkipLink` to register a skip link for important elements on the page.
+ */
+export declare const useSkipLink: (
+/**
+ * The unique ID for the skip link.
+ * You can use the `useSkipLinkId` hook to generate a unique ID.
+ */
+id: string, 
+/**
+ * The label for the skip link.
+ */
+label: string, 
+/**
+ * You can optionally set the position of the skip link in the list of skip links.
+ * Positions are zero-indexed.
+ */
+listIndex?: number) => void;

package/dist/types-ts4.5/context/top-nav-start/top-nav-start-attach-ref.d.ts

@@ -0,0 +1 @@
+export declare const TopNavStartAttachRef: import('react').Context<(newVal: HTMLDivElement | null) => void>;

package/dist/types-ts4.5/context/top-nav-start/top-nav-start-element.d.ts

@@ -0,0 +1 @@
+export declare const TopNavStartElement: import('react').Context<HTMLDivElement | null>;

package/dist/types-ts4.5/entry-points/experimental/top-nav-button.d.ts

@@ -1 +1,4 @@
-export { Button as TopNavButton, LinkButton as TopNavLinkButton, IconButton as TopNavIconButton, LinkIconButton as TopNavLinkIconButton, } from '../../ui/top-nav-items/themed/migration';
+export { Button as TopNavButton } from '../../ui/top-nav-items/themed/button';
+export { LinkButton as TopNavLinkButton } from '../../ui/top-nav-items/themed/link-button';
+export { IconButton as TopNavIconButton } from '../../ui/top-nav-items/themed/icon-button';
+export { LinkIconButton as TopNavLinkIconButton } from '../../ui/top-nav-items/themed/link-icon-button';

package/dist/types-ts4.5/entry-points/layout/skip-links.d.ts

@@ -1,2 +1,2 @@
-export { useSkipLinkId } from '../../ui/page-layout/id-utils';
-export { useSkipLink } from '../../context/skip-links/skip-links-context';
+export { useSkipLinkId } from '../../ui/page-layout/use-skip-link-id';
+export { useSkipLink } from '../../context/skip-links/use-skip-link';

package/dist/types-ts4.5/ui/page-layout/dangerously-hoist-css-var-to-document-root.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type MediaQuery } from '@atlaskit/primitives/responsive';
+export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
+    variableName: string;
+    value: string | number;
+    mediaQuery?: MediaQuery;
+    responsiveValue?: string | number;
+}) => React.JSX.Element;

package/dist/{types/ui/page-layout/hoist-utils.d.ts → types-ts4.5/ui/page-layout/hoist-css-var-to-local-grid.d.ts}

@@ -1,5 +1,4 @@
 import React from 'react';
-import { type MediaQuery } from '@atlaskit/primitives/responsive';
 /**
  * This is not ideal and shouldn't be used by anything outside of `<Banner>` and `<TopNav>`.
  *
@@ -12,13 +11,3 @@ export declare const HoistCssVarToLocalGrid: ({ variableName, value, }: {
     variableName: string;
     value: number;
 }) => React.JSX.Element;
-/**
- * Hoists CSS variables to the document root. This is support the legacy edge case of monolith pages being injected as a
- * sibling to the page layout, as opposed to within the `Main` slot.
- */
-export declare const DangerouslyHoistCssVarToDocumentRoot: ({ variableName, value, mediaQuery, responsiveValue, }: {
-    variableName: string;
-    value: string | number;
-    mediaQuery?: MediaQuery;
-    responsiveValue?: string | number;
-}) => React.JSX.Element;

package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-pixel-width.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns the computed width of an element in pixels.
+ */
+export declare const getPixelWidth: (element: HTMLElement) => number;

package/dist/types-ts4.5/ui/page-layout/panel-splitter/get-width-from-drag-location.d.ts

@@ -0,0 +1,8 @@
+import type { DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';
+export declare const getWidthFromDragLocation: ({ initialWidth, location, initialClientX, direction, position, }: {
+    initialWidth: number;
+    location: DragLocationHistory;
+    initialClientX: number;
+    direction: "ltr" | "rtl";
+    position: "start" | "end";
+}) => number;

package/dist/types-ts4.5/ui/page-layout/panel-splitter/is-panel-splitter-drag-data.d.ts

@@ -0,0 +1,9 @@
+import type { ResizeBounds } from './types';
+export type PanelSplitterDragData = {
+    panelId: string | symbol | undefined;
+    initialWidth: number;
+    resizingWidth: string;
+    resizeBounds: ResizeBounds;
+    direction: 'ltr' | 'rtl';
+};
+export declare function isPanelSplitterDragData(data: Record<string | symbol, unknown>): data is PanelSplitterDragData;

package/dist/types-ts4.5/ui/page-layout/panel-splitter/on-double-click-context.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Context for the panel splitter's double click handler. Only internally exported.
+ *
+ * NOTE: This context is a temporary workaround to enable the `SideNavPanelSplitter` component
+ * to collapse the side nav on double click, without exposing the `onDoubleClick` prop on `PanelSplitter`.
+ * Once `PanelSplitter` supports an `onDoubleClick` prop directly, this context should be removed.
+ */
+export declare const OnDoubleClickContext: import('react').Context<(() => void) | undefined>;

package/dist/{types/ui/page-layout/panel-splitter/context.d.ts → types-ts4.5/ui/page-layout/panel-splitter/panel-splitter-context.d.ts}

@@ -62,11 +62,3 @@ export type PanelSplitterContextType = {
  * Context for the panel splitter. Only internally exported.
  */
 export declare const PanelSplitterContext: import('react').Context<PanelSplitterContextType | null>;
-/**
- * Context for the panel splitter's double click handler. Only internally exported.
- *
- * NOTE: This context is a temporary workaround to enable the `SideNavPanelSplitter` component
- * to collapse the side nav on double click, without exposing the `onDoubleClick` prop on `PanelSplitter`.
- * Once `PanelSplitter` supports an `onDoubleClick` prop directly, this context should be removed.
- */
-export declare const OnDoubleClickContext: import('react').Context<(() => void) | undefined>;

package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter-drag-symbol.d.ts

@@ -0,0 +1 @@
+export declare const panelSplitterDragDataSymbol: unique symbol;

package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter.d.ts

@@ -4,7 +4,7 @@
  */
 import { type ReactNode } from 'react';
 import { type TooltipProps } from '@atlaskit/tooltip';
-import type { ResizeBounds, ResizeEndCallback, ResizeStartCallback } from './types';
+import type { ResizeEndCallback, ResizeStartCallback } from './types';
 export type PanelSplitterProps = {
     /**
      * The accessible label for the panel splitter. It is visually hidden, but is required for accessibility.
@@ -33,14 +33,6 @@ export type PanelSplitterProps = {
      */
     tooltipContent?: TooltipProps['content'];
 };
-type PanelSplitterDragData = {
-    panelId: string | symbol | undefined;
-    initialWidth: number;
-    resizingWidth: string;
-    resizeBounds: ResizeBounds;
-    direction: 'ltr' | 'rtl';
-};
-export declare function isPanelSplitterDragData(data: Record<string | symbol, unknown>): data is PanelSplitterDragData;
 /**
  * _PanelSplitter_
  *
@@ -58,4 +50,3 @@ export declare function isPanelSplitterDragData(data: Record<string | symbol, un
  * ```
  */
 export declare const PanelSplitter: ({ label, onResizeStart, onResizeEnd, testId, tooltipContent, }: PanelSplitterProps) => ReactNode;
-export {};

package/dist/types-ts4.5/ui/page-layout/panel-splitter/provider.d.ts

@@ -1,5 +1,5 @@
 import React, { type MutableRefObject } from 'react';
-import { type PanelSplitterContextType } from './context';
+import { type PanelSplitterContextType } from './panel-splitter-context';
 export type PanelSplitterProviderProps = Omit<PanelSplitterContextType, 'portalRef' | 'position'> & {
     children: React.ReactNode;
     /**

package/dist/types-ts4.5/ui/page-layout/side-nav/is-side-nav-shortcut-enabled-context.d.ts

@@ -1,13 +1,8 @@
-import React from 'react';
+import { type Context } from 'react';
 /**
- * Provider for the `IsSideNavShortcutEnabledContext`.
+ * Context for whether the side nav toggle shortcut is enabled.
+ *
+ * Used to share the `isSideNavShortcutEnabled` prop value from `Root` with other components,
+ * so the visual keyboard shortcut in tooltips can be conditionally displayed.
  */
-export declare function IsSideNavShortcutEnabledProvider({ children, isSideNavShortcutEnabled, }: {
-    children: React.ReactNode;
-    isSideNavShortcutEnabled: boolean;
-}): React.JSX.Element;
-/**
- * Returns the value of the `isSideNavShortcutEnabled` prop from the `Root` component, which
- * is shared through context.
- */
-export declare function useIsSideNavShortcutEnabled(): boolean;
+export declare const IsSideNavShortcutEnabledContext: Context<boolean>;

package/dist/types-ts4.5/ui/page-layout/side-nav/is-side-nav-shortcut-enabled-provider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function IsSideNavShortcutEnabledProvider({ children, isSideNavShortcutEnabled, }: {
+    children: React.ReactNode;
+    isSideNavShortcutEnabled: boolean;
+}): React.JSX.Element;

package/dist/types-ts4.5/ui/page-layout/side-nav/set-side-nav-visibility-state.d.ts

@@ -0,0 +1,3 @@
+import { type Dispatch, type SetStateAction } from 'react';
+import type { SideNavState } from './types';
+export declare const SetSideNavVisibilityState: import('react').Context<Dispatch<SetStateAction<SideNavState | null>>>;

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-element-provider.d.ts

@@ -0,0 +1,4 @@
+import React, { type ReactNode } from 'react';
+export declare function SideNavElementProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-ref-context.d.ts

@@ -0,0 +1,2 @@
+import { type Context } from 'react';
+export declare const SideNavRefContext: Context<React.RefObject<HTMLDivElement>>;

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-button-attach-ref.d.ts

@@ -0,0 +1 @@
+export declare const SideNavToggleButtonAttachRef: import('react').Context<(newVal: HTMLButtonElement | null) => void>;

package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav-toggle-button-element.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Context for the side nav toggle button element.
+ * Used to power the side nav flyout by allowing the side nav to bind event listeners to the button element.
+ */
+export declare const SideNavToggleButtonElement: import('react').Context<HTMLButtonElement | null>;

package/dist/{types/ui/page-layout/side-nav/visibility-context.d.ts → types-ts4.5/ui/page-layout/side-nav/side-nav-visibility-state.d.ts}

@@ -1,11 +1,6 @@
-import { type Dispatch, type SetStateAction } from 'react';
 import type { SideNavState } from './types';
 /**
  * Context for the visibility of the side nav.
  * State is initialised as null. This is used when the value has not been set yet - which is important to know for SSR.
  */
 export declare const SideNavVisibilityState: import('react').Context<SideNavState | null>;
-/**
- * Sets the visibility of the side nav.
- */
-export declare const SetSideNavVisibilityState: import('react').Context<Dispatch<SetStateAction<SideNavState | null>>>;

package/dist/types-ts4.5/ui/page-layout/side-nav/use-is-side-nav-shortcut-enabled.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the value of the `isSideNavShortcutEnabled` prop from the `Root` component, which
+ * is shared through context.
+ */
+export declare function useIsSideNavShortcutEnabled(): boolean;

package/dist/{types/ui/page-layout/side-nav/element-context.d.ts → types-ts4.5/ui/page-layout/side-nav/use-side-nav-ref.d.ts}

@@ -1,7 +1,4 @@
-import React, { type ReactNode } from 'react';
-export declare function SideNavElementProvider({ children }: {
-    children: ReactNode;
-}): React.JSX.Element;
+import React from 'react';
 /**
  * Returns a ref for the side navigation that is accessible to other Page Layout slots.
  *

package/dist/types-ts4.5/ui/page-layout/top-nav/top-nav.d.ts

@@ -17,11 +17,10 @@ type TopNavProps = CommonSlotProps & {
      */
     height?: number;
     /**
-     * EXPERIMENTAL - DO NOT USE
-     *
-     * Feature is incomplete and API is subject to change at any time
+     * Custom theme for the top navigation. This is a port of Nav 3 functionality, and not recommended for new usage,
+     * as it does not align with our future vision.
      */
-    UNSAFE_theme?: CustomTheme;
+    customTheme?: CustomTheme;
 };
 /**
  * The top nav layout area. It will display at the top of the screen, below the banner if one is present.

package/dist/{types/ui/page-layout/id-utils.d.ts → types-ts4.5/ui/page-layout/use-layout-id.d.ts}

@@ -1,8 +1,3 @@
-/**
- * Returns a unique ID for use by layout elements and skip links.
- * You can use this for custom skip links.
- */
-export declare function useSkipLinkId(): string;
 /**
  * Returns an ID for use by the layout element and skip links.
  *

package/dist/types-ts4.5/ui/page-layout/use-skip-link-id.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns a unique ID for use by layout elements and skip links.
+ * You can use this for custom skip links.
+ */
+export declare function useSkipLinkId(): string;