@atlaskit/atlassian-navigation
Version:
A horizontal navigation component for Atlassian apps.
98 lines (97 loc) • 2.89 kB
TypeScript
import { type CSSObject } from '@emotion/react';
type CSSProperties = CSSObject & {
backgroundColor: string;
color: string;
};
type ButtonCSSProperties = CSSProperties & {
boxShadow: string;
};
export type ButtonCSSContext = {
default: ButtonCSSProperties;
hover: ButtonCSSProperties;
focus: ButtonCSSProperties;
active: ButtonCSSProperties;
selected: ButtonCSSProperties;
selectedHover?: ButtonCSSProperties;
};
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type CreateCSS = ButtonCSSContext;
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type IconButtonCSS = ButtonCSSContext;
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type PrimaryButtonCSS = ButtonCSSContext;
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type NavigationCSS = CSSProperties;
type LogoStyleProps = {
iconColor?: string;
textColor?: string;
};
export type ProductHomeCSS = CSSProperties & LogoStyleProps;
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type SearchCSS = {
default: CSSProperties;
focus: CSSObject;
hover: CSSObject;
};
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type SkeletonCSS = CSSObject & {
backgroundColor: string;
opacity: number;
};
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type Mode = {
create: CreateCSS;
iconButton: IconButtonCSS;
navigation: NavigationCSS;
primaryButton: PrimaryButtonCSS;
productHome: ProductHomeCSS;
search: SearchCSS;
skeleton: SkeletonCSS;
};
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type NavigationTheme = {
mode: Mode;
};
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export type Colors = {
backgroundColor: string;
color: string;
};
/**
* @deprecated `@atlaskit/atlassian-navigation` is deprecated. Use `@atlaskit/navigation-system` instead.
*/
export 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 {};