/**
 * Neo Design System
 * TypeScript declarations generated from Figma design tokens
 * @generated
 */

export type Icons = {
hoverBorder: '#dce0ff';
pressedBackground: '#dce0ff';
hover: '#1e2ec2';
hoverBackground: '#f2f3ff';
disabled: '#d1d5db';
placeholder: '#9ca3af';
pressed: '#131e7a';
utility: '#9ca3af';
default: '#1f2937';
active: '#2f42ff';
};

export declare const icons: Icons;

export type Surfaces = {
highlightBackground: 'rgba(38, 55, 230, 0)';
activeHighlight: 'rgba(182, 191, 255, 0.4)';
dataGrid: {
header: '#f9fafb';
selected: '#f2f3ff';
selectedHover: '#dce0ff';
hover: '#f9fafb';
default: '#ffffff';
disabled: '#f3f4f6';
background: '#ffffff';
};
page: '#f4f4f4';
card: '#ffffff';
cardHeader: '#f3f4f6';
tabActive: '#f3f4f6';
listHover: '#f9fafb';
shadowNeutral: 'rgba(31, 41, 55, 0.1)';
shadowPrimary: 'rgba(47, 66, 255, 0.1)';
tooltip: '#4b5563';
scrim: 'rgba(31, 41, 55, 0.2)';
tabSecondaryBackground: '#e5e7eb';
snackbarDarkMode: '#ffffff';
snackbarBrand: '#131e7a';
snackbarLightMode: '#4b5563';
white: '#ffffff';
black: '#000000';
};

export declare const surfaces: Surfaces;

export type Typography = {
searchInputBackground: '#ffffff';
linkDefault: '#2f42ff';
linkHover: '#2637e6';
navigation: {
search: {
highlightText: '#1e2ec2';
highlightBackground: 'rgba(47, 66, 255, 0)';
inputBackground: '#f2f3ff';
highlightBackgroundActive: '#dce0ff';
};
default: '#1f2937';
};
linkWhite: '#ffffff';
linkWhiteHover: '#ffffff';
input: {
placeholder: '#9ca3af';
default: '#1f2937';
label: '#1f2937';
helper: '#4b5563';
};
code: {
primary: '#1f2937';
secondary: '#9ca3af';
};
button: {
disabled: '#9ca3af';
};
tab: {
inactive: '#4b5563';
active: '#2f42ff';
};
link: {
primary: '#2f42ff';
disabled: '#b6bfff';
default: '#1f2937';
white: '#ffffff';
};
error: '#cb3446';
success: '#4ca75a';
warning: '#1f2937';
tooltip: '#ffffff';
legal: '#9ca3af';
bodySecondary: '#6b7280';
body: '#1f2937';
};

export declare const typography: Typography;

export type Border = {
overlay: 'rgba(255, 255, 255, 0)';
primary: '#d1d5db';
secondary: '#e5e7eb';
focus: '#131e7a';
};

export declare const border: Border;

export type Input = {
checkbox: '#d1d5db';
hoverBackground: '#f3f4f6';
background: '#ffffff';
disabledBackground: '#f9fafb';
};

export declare const input: Input;

export type Status = {
success: {
light: '#f3fff5';
default: '#4ca75a';
transparent: 'rgba(76, 167, 90, 0.5)';
dark: '#2c6c36';
};
error: {
light: '#ffedef';
default: '#ed4a5d';
transparent: 'rgba(237, 74, 93, 0.5)';
dark: '#a92232';
};
warning: {
light: '#fff8e5';
default: '#ffb800';
transparent: 'rgba(255, 184, 0, 0.5)';
dark: '#856000';
};
info: {
dark: '#1e2ec2';
default: '#2f42ff';
light: '#f2f3ff';
transparent: 'rgba(47, 66, 255, 0.5)';
};
neutral: {
dark: '#374151';
default: '#6b7280';
light: '#f3f4f6';
transparent: 'rgba(107, 114, 128, 0.5)';
};
queued: {
light: '#f6eefb';
default: '#ad59c7';
transparent: 'rgba(153, 47, 185, 0.5)';
dark: '#992fb9';
};
canceled: {
light: '#faf8f3';
default: '#7b7263';
transparent: 'rgba(156, 146, 126, 0.5)';
dark: '#564e41';
};
avatar: {
initials: {
background1: '#dce0ff';
background2: '#cfffd7';
background3: '#fbf1d2';
background4: '#ffc6cd';
background5: '#ebd5f1';
background6: '#c9fff1';
background7: '#ffebb7';
};
};
};

export declare const status: Status;

export type Buttons = {
primary: {
hover: '#1e2ec2';
disabled: '#f3f4f6';
pressed: '#131e7a';
default: '#2f42ff';
};
secondary: {
defaultBorder: '#b6bfff';
hoverBackground: '#f2f3ff';
pressedBackground: '#dce0ff';
disabledBackground: '#f9fafb';
defaultBackground: '#ffffff';
default: '#1f2937';
};
tertiary: {
default: '#2f42ff';
hover: '#1e2ec2';
pressed: '#131e7a';
disabled: '#9ca3af';
};
destructive: '#cb3446';
navigationActive: '#ffffff';
navigation: {
defaultBorder: '#b6bfff';
hoverBackground: '#f3f4f6';
pressedBackground: '#e5e7eb';
activeBorder: '#2f42ff';
};
};

export declare const buttons: Buttons;

export type Activity = {
recipeRun: '#992fb9';
commitJob: '#2f42ff';
visualization: '#27aa88';
};

export declare const activity: Activity;

export type Data = {
green: '#4ca75a';
yellow: '#fdda04';
orange1: '#ffc008';
orange2: '#ff9800';
orange3: '#f9a91b';
red1: '#ff5c24';
red2: '#ed4134';
red3: '#cb3446';
};

export declare const data: Data;

export type Tab = {
secondaryBackground: '#e5e7eb';
};

export declare const tab: Tab;

export type Code = {
background: '#f3f4f6';
};

export declare const code: Code;

export declare const brand: '#2f42ff';

declare const _default: {
icons: typeof icons,
surfaces: typeof surfaces,
typography: typeof typography,
border: typeof border,
input: typeof input,
status: typeof status,
buttons: typeof buttons,
activity: typeof activity,
data: typeof data,
tab: typeof tab,
code: typeof code,
brand: typeof brand,
};

export default _default;