@atlaskit/atlassian-navigation/dist/types/theme/types.d.ts

A horizontal navigation component for Atlassian products.

import { CSSObject } from '@emotion/react';
export declare type CSSProperties = CSSObject & {
    backgroundColor: string;
    color: string;
};
export declare type ButtonCSSProperties = CSSProperties & {
    boxShadow: string;
};
export declare type ButtonFocusCSSProperties = {
    boxShadow: string;
    color: string;
    backgroundColor: string;
};
export declare type ButtonCSSContext = {
    default: ButtonCSSProperties;
    hover: ButtonCSSProperties;
    focus: ButtonFocusCSSProperties;
    active: ButtonCSSProperties;
    selected: ButtonCSSProperties;
    selectedHover?: ButtonCSSProperties;
};
export declare type CreateCSS = ButtonCSSContext;
export declare type IconButtonCSS = ButtonCSSContext;
export declare type PrimaryButtonCSS = ButtonCSSContext;
export declare type NavigationCSS = CSSProperties;
declare type LogoStyleProps = {
    iconGradientStart?: string;
    iconGradientStop?: string;
    iconColor?: string;
    textColor?: string;
};
export declare type ProductHomeCSS = CSSProperties & LogoStyleProps;
export declare type SearchCSS = {
    default: CSSProperties;
    focus: CSSObject;
    hover: CSSObject;
};
export declare type SkeletonCSS = CSSObject & {
    backgroundColor: string;
    opacity: number;
};
export declare type Mode = {
    create: CreateCSS;
    iconButton: IconButtonCSS;
    navigation: NavigationCSS;
    primaryButton: PrimaryButtonCSS;
    productHome: ProductHomeCSS;
    search: SearchCSS;
    skeleton: SkeletonCSS;
};
export declare type NavigationTheme = {
    mode: Mode;
};
export declare type Colors = {
    backgroundColor: string;
    color: string;
};
export declare type GenerateThemeArgs = {
    /**
     * Name of the theme.
     * If you pass in "atlassian" will return the default atlassian theme and not
     * use any of the colors you pass in.
     */
    name?: string;
    /**
     * Main background color of the horizontal navigation bar.
     */
    backgroundColor: string;
    /**
     * Highlight color for the navigation actions.
     */
    highlightColor: string;
};
export {};