@atlaskit/navigation-system 9.4.2 → 10.0.0

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

@@ -1,55 +0,0 @@
-export declare const themedSearchBorder = "--ds-top-bar-search-border";
-export declare const themedSearchBorderFocused = "--ds-top-bar-search-border-focused";
-/**
- * Theme object intended for use with Search Platform components while transitioning to nav4.
- *
- * This is for backwards compatibility with the legacy theming API that was designed for nav3.
- *
- * As nav4 matures we will ideally evolve the theming solution inside Search Platform,
- * at which point this legacy theme object will not be needed.
- */
-declare const legacySearchTheme: {
-    default: {
-        backgroundColor: string;
-        color: string;
-        borderColor: string;
-    };
-    focus: {
-        /**
-         * When expanded the input ignores the custom theme,
-         * except for its border which is derived from the highlight color.
-         */
-        color: 'var(--ds-text)';
-        backgroundColor: 'var(--ds-background-input-pressed)';
-        borderColor: string;
-        boxShadow: string;
-    };
-    hover: {
-        /**
-         * This is not actually used for the search bar input (at least by the Search Platform components).
-         *
-         * Instead it's used as the hover background color for a close button when on mobile.
-         */
-        backgroundColor: string;
-    };
-};
-/**
- * We are just using the inferred type instead of declaring it as `SearchCSS` (the type `@atlassian/search-dialog` expects)
- *
- * Importing the type from `@atlassian/search-dialog` means we have to declare it as a full dependency,
- * rather than a dev dependency. Even though it's type-only, this is how local consumption is setup.
- *
- * This was failing typechecking in Post Office, presumably due to different versions of `@emotion/styled`.
- * It is also a code smell having an unnecessary dependency.
- *
- * We still have indirect type safety from our example + product integrations, so a PR that breaks the types won't be able to merge.
- */
-type LegacySearchTheme = typeof legacySearchTheme;
-/**
- * Provides the `theme` value for Search Platform components.
- *
- * This may be a `SearchCSS` object or undefined,
- * depending on if the top bar is using custom theming.
- */
-export declare function useLegacySearchTheme(): LegacySearchTheme | undefined;
-export {};

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

@@ -1,32 +0,0 @@
-/**
- * @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-ts4.5/ui/top-nav-items/themed/themed-button.d.ts

@@ -1,10 +0,0 @@
-/**
- * @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-ts4.5/ui/top-nav-items/themed/themed-icon-button.d.ts

@@ -1,10 +0,0 @@
-/**
- * @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-ts4.5/ui/top-nav-items/themed/themed-link-button.d.ts

@@ -1,16 +0,0 @@
-/**
- * @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-ts4.5/ui/top-nav-items/themed/themed-link-icon-button.d.ts

@@ -1,13 +0,0 @@
-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-ts4.5/ui/top-nav-items/themed/themed-pressable.d.ts

@@ -1,18 +0,0 @@
-/**
- * @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-ts4.5/ui/top-nav-items/themed/types.d.ts

@@ -1,54 +0,0 @@
-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-ts4.5/ui/top-nav-items/themed/use-custom-theme-new.d.ts

@@ -1,20 +0,0 @@
-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-ts4.5/ui/top-nav-items/themed/use-custom-theme.d.ts

@@ -1,12 +0,0 @@
-import { type CustomTheme } from './get-custom-theme-styles';
-type Result = {
-    isEnabled: false;
-} | {
-    isEnabled: true;
-    style: React.CSSProperties;
-};
-/**
- * Processes the provided theme and returns theme styles if possible.
- */
-export declare function useCustomTheme(theme: CustomTheme | undefined): Result;
-export {};