/** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ declare const card$2: 12; declare const button$2: 999; declare const input$3: 8; declare const xXS: 2; declare const xS: 4; declare const s: 8; declare const m: 12; declare const l: 20; declare const xL: 30; declare const full: 999; declare const _default$9: { card: typeof card$2, button: typeof button$2, input: typeof input$3, xXS: typeof xXS, xS: typeof xS, s: typeof s, m: typeof m, l: typeof l, xL: typeof xL, full: typeof full, }; declare const borderRadius_d_full: typeof full; declare const borderRadius_d_l: typeof l; declare const borderRadius_d_m: typeof m; declare const borderRadius_d_s: typeof s; declare const borderRadius_d_xL: typeof xL; declare const borderRadius_d_xS: typeof xS; declare const borderRadius_d_xXS: typeof xXS; declare namespace borderRadius_d { export { button$2 as button, card$2 as card, _default$9 as default, borderRadius_d_full as full, input$3 as input, borderRadius_d_l as l, borderRadius_d_m as m, borderRadius_d_s as s, borderRadius_d_xL as xL, borderRadius_d_xS as xS, borderRadius_d_xXS as xXS, }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ declare const xl: 1920; declare const lg: 1280; declare const md: 960; declare const sm: 600; declare const _default$8: { xl: typeof xl, lg: typeof lg, md: typeof md, sm: typeof sm, }; declare const breakpoints_d_lg: typeof lg; declare const breakpoints_d_md: typeof md; declare const breakpoints_d_sm: typeof sm; declare const breakpoints_d_xl: typeof xl; declare namespace breakpoints_d { export { _default$8 as default, breakpoints_d_lg as lg, breakpoints_d_md as md, breakpoints_d_sm as sm, breakpoints_d_xl as xl, }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ type DigitalBlue = { '50': '#f2f3ff'; '100': '#dce0ff'; '200': '#b6bfff'; '300': '#8d99ff'; '400': '#626eff'; /** * primary color */ '500': '#2f42ff'; '600': '#2637e6'; '700': '#1e2ec2'; '800': '#131e7a'; '900': '#000855'; }; declare const digitalBlue: DigitalBlue; type DigitalGreen = { '50': '#f3fff5'; '100': '#cfffd7'; '200': '#acffb9'; '300': '#88fe9b'; '400': '#72e184'; '500': '#5ec46f'; '600': '#4ca75a'; '700': '#3b8948'; '800': '#2c6c36'; '900': '#1e4f26'; }; declare const digitalGreen: DigitalGreen; type Gold = { '100': '#fbf1d2'; '200': '#f7e3a5'; '300': '#f4d479'; '400': '#f0c64c'; '500': '#ecb81f'; '600': '#bd9319'; '700': '#8e6e13'; '800': '#5e4a0c'; '900': '#2f2506'; }; declare const gold: Gold; type Grey = { '50': '#f9fafb'; '100': '#f3f4f6'; '200': '#e5e7eb'; '300': '#d1d5db'; '400': '#9ca3af'; '500': '#6b7280'; '600': '#4b5563'; '700': '#374151'; '800': '#1f2937'; '900': '#111827'; }; declare const grey: Grey; type Orange = { '50': '#fff8e5'; '100': '#ffebb7'; '200': '#ffde8a'; '300': '#ffd15c'; '400': '#ffc52e'; '500': '#ffb800'; '600': '#d69b00'; '700': '#856000'; '800': '#856000'; '900': '#5c4200'; }; declare const orange: Orange; type Red = { '50': '#ffedef'; '100': '#ffc6cd'; '200': '#ff9eaa'; '300': '#fd7686'; '400': '#ed4a5d'; '500': '#cb3446'; '600': '#a92232'; '700': '#871421'; '800': '#650914'; '900': '#43020a'; }; declare const red: Red; type TealGreen = { '50': '#eefffa'; '100': '#c9fff1'; '200': '#a4ffe7'; '300': '#7fffde'; '400': '#54eec6'; '500': '#3bcca6'; '600': '#27aa88'; '700': '#17886b'; '800': '#0b664e'; '900': '#034433'; }; declare const tealGreen: TealGreen; type Violet = { '50': '#f6eefb'; '100': '#ebd5f1'; '200': '#d6ace3'; '300': '#c282d5'; '400': '#ad59c7'; '500': '#992fb9'; '600': '#7a2694'; '700': '#5c1c6f'; '800': '#3d134a'; '900': '#1f0925'; }; declare const violet: Violet; type WarmGrey = { '50': '#faf8f3'; '100': '#f6f1e8'; '200': '#f1ece0'; '300': '#dcd3c3'; '400': '#c9bfa6'; '500': '#9c927e'; '600': '#7b7263'; '700': '#564e41'; '800': '#38332a'; '900': '#15120f'; }; declare const warmGrey: WarmGrey; declare const white: '#ffffff'; declare const _default$7: { digitalBlue: typeof digitalBlue, digitalGreen: typeof digitalGreen, gold: typeof gold, grey: typeof grey, orange: typeof orange, red: typeof red, tealGreen: typeof tealGreen, violet: typeof violet, warmGrey: typeof warmGrey, white: typeof white, }; type colors_d_DigitalBlue = DigitalBlue; type colors_d_DigitalGreen = DigitalGreen; type colors_d_Gold = Gold; type colors_d_Grey = Grey; type colors_d_Orange = Orange; type colors_d_Red = Red; type colors_d_TealGreen = TealGreen; type colors_d_Violet = Violet; type colors_d_WarmGrey = WarmGrey; declare const colors_d_digitalBlue: typeof digitalBlue; declare const colors_d_digitalGreen: typeof digitalGreen; declare const colors_d_gold: typeof gold; declare const colors_d_grey: typeof grey; declare const colors_d_orange: typeof orange; declare const colors_d_red: typeof red; declare const colors_d_tealGreen: typeof tealGreen; declare const colors_d_violet: typeof violet; declare const colors_d_warmGrey: typeof warmGrey; declare const colors_d_white: typeof white; declare namespace colors_d { export { _default$7 as default, colors_d_digitalBlue as digitalBlue, colors_d_digitalGreen as digitalGreen, colors_d_gold as gold, colors_d_grey as grey, colors_d_orange as orange, colors_d_red as red, colors_d_tealGreen as tealGreen, colors_d_violet as violet, colors_d_warmGrey as warmGrey, colors_d_white as white }; export type { colors_d_DigitalBlue as DigitalBlue, colors_d_DigitalGreen as DigitalGreen, colors_d_Gold as Gold, colors_d_Grey as Grey, colors_d_Orange as Orange, colors_d_Red as Red, colors_d_TealGreen as TealGreen, colors_d_Violet as Violet, colors_d_WarmGrey as WarmGrey }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ type Button$1 = { default: 40; small: 32; large: 48; }; declare const button$1: Button$1; type Input$2 = { default: 40; dense: 32; }; declare const input$2: Input$2; type Table$1 = { headerCompact: 44; headerStandard: 38; headerComfortable: 52; rowCompact: 48; rowStandard: 42; rowComfortable: 56; }; declare const table$1: Table$1; declare const tooltip$1: 24; declare const _default$6: { button: typeof button$1, input: typeof input$2, table: typeof table$1, tooltip: typeof tooltip$1, }; declare namespace height_d { export { button$1 as button, _default$6 as default, input$2 as input, table$1 as table, tooltip$1 as tooltip }; export type { Button$1 as Button, Input$2 as Input, Table$1 as Table }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ declare const datagridCellVertical: 8; declare const card$1: 24; declare const buttonHorizontal: 16; declare const buttonVertical: 8; declare const inputHorizontal: 12; declare const inputVertical: 4; declare const textContainers: 20; declare const _default$5: { datagridCellVertical: typeof datagridCellVertical, card: typeof card$1, buttonHorizontal: typeof buttonHorizontal, buttonVertical: typeof buttonVertical, inputHorizontal: typeof inputHorizontal, inputVertical: typeof inputVertical, textContainers: typeof textContainers, }; declare const padding_d_buttonHorizontal: typeof buttonHorizontal; declare const padding_d_buttonVertical: typeof buttonVertical; declare const padding_d_datagridCellVertical: typeof datagridCellVertical; declare const padding_d_inputHorizontal: typeof inputHorizontal; declare const padding_d_inputVertical: typeof inputVertical; declare const padding_d_textContainers: typeof textContainers; declare namespace padding_d { export { padding_d_buttonHorizontal as buttonHorizontal, padding_d_buttonVertical as buttonVertical, card$1 as card, padding_d_datagridCellVertical as datagridCellVertical, _default$5 as default, padding_d_inputHorizontal as inputHorizontal, padding_d_inputVertical as inputVertical, padding_d_textContainers as textContainers, }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ type Icons = { hoverBorder: '#dce0ff'; pressedBackground: '#dce0ff'; hover: '#1e2ec2'; hoverBackground: '#f2f3ff'; disabled: '#d1d5db'; placeholder: '#9ca3af'; pressed: '#131e7a'; utility: '#9ca3af'; default: '#1f2937'; active: '#2f42ff'; }; declare const icons: Icons; 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'; }; declare const surfaces: Surfaces; 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'; }; declare const typography: Typography; type Border = { overlay: 'rgba(255, 255, 255, 0)'; primary: '#d1d5db'; secondary: '#e5e7eb'; focus: '#131e7a'; }; declare const border: Border; type Input$1 = { checkbox: '#d1d5db'; hoverBackground: '#f3f4f6'; background: '#ffffff'; disabledBackground: '#f9fafb'; }; declare const input$1: Input$1; 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'; }; }; }; declare const status: Status; 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'; }; }; declare const buttons: Buttons; type Activity = { recipeRun: '#992fb9'; commitJob: '#2f42ff'; visualization: '#27aa88'; }; declare const activity: Activity; type Data = { green: '#4ca75a'; yellow: '#fdda04'; orange1: '#ffc008'; orange2: '#ff9800'; orange3: '#f9a91b'; red1: '#ff5c24'; red2: '#ed4134'; red3: '#cb3446'; }; declare const data: Data; type Tab$1 = { secondaryBackground: '#e5e7eb'; }; declare const tab$1: Tab$1; type Code = { background: '#f3f4f6'; }; declare const code: Code; declare const brand: '#2f42ff'; declare const _default$4: { icons: typeof icons, surfaces: typeof surfaces, typography: typeof typography, border: typeof border, input: typeof input$1, status: typeof status, buttons: typeof buttons, activity: typeof activity, data: typeof data, tab: typeof tab$1, code: typeof code, brand: typeof brand, }; type semanticColors_d_Activity = Activity; type semanticColors_d_Border = Border; type semanticColors_d_Buttons = Buttons; type semanticColors_d_Code = Code; type semanticColors_d_Data = Data; type semanticColors_d_Icons = Icons; type semanticColors_d_Status = Status; type semanticColors_d_Surfaces = Surfaces; type semanticColors_d_Typography = Typography; declare const semanticColors_d_activity: typeof activity; declare const semanticColors_d_border: typeof border; declare const semanticColors_d_brand: typeof brand; declare const semanticColors_d_buttons: typeof buttons; declare const semanticColors_d_code: typeof code; declare const semanticColors_d_data: typeof data; declare const semanticColors_d_icons: typeof icons; declare const semanticColors_d_status: typeof status; declare const semanticColors_d_surfaces: typeof surfaces; declare const semanticColors_d_typography: typeof typography; declare namespace semanticColors_d { export { semanticColors_d_activity as activity, semanticColors_d_border as border, semanticColors_d_brand as brand, semanticColors_d_buttons as buttons, semanticColors_d_code as code, semanticColors_d_data as data, _default$4 as default, semanticColors_d_icons as icons, input$1 as input, semanticColors_d_status as status, semanticColors_d_surfaces as surfaces, tab$1 as tab, semanticColors_d_typography as typography }; export type { semanticColors_d_Activity as Activity, semanticColors_d_Border as Border, semanticColors_d_Buttons as Buttons, semanticColors_d_Code as Code, semanticColors_d_Data as Data, semanticColors_d_Icons as Icons, Input$1 as Input, semanticColors_d_Status as Status, semanticColors_d_Surfaces as Surfaces, Tab$1 as Tab, semanticColors_d_Typography as Typography }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ type Titles = { pageSubheader: { lineHeight: '1.5rem'; fontFamily: 'Inter'; fontSize: 18; fontWeight: 500; }; sectionHeader: { default: { lineHeight: '1.5rem'; fontFamily: 'Inter'; fontSize: 16; fontWeight: 400; }; medium: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 500; lineHeight: '1.5rem'; }; semiBold: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 600; lineHeight: '1.5rem'; }; }; codeHeader: { lineHeight: '2rem'; fontFamily: 'JetBrains Mono NL'; fontSize: 24; fontWeight: 400; }; moddyHeader: { lineHeight: '120%'; fontFamily: 'Inter'; fontSize: 28; fontWeight: 500; }; pageHeader: { lineHeight: '140%'; fontFamily: 'Inter'; fontSize: 24; fontWeight: 400; }; }; declare const titles: Titles; type Body = { regular: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 400; lineHeight: '1.5rem'; }; small: { regular: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 400; lineHeight: '1.5rem'; }; semiBold: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 600; lineHeight: '150%'; }; medium: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 500; lineHeight: '1.5rem'; }; }; xs: { regular: { fontFamily: 'Inter'; fontSize: 12; fontWeight: 400; lineHeight: '1rem'; }; semiBold: { fontFamily: 'Inter'; fontSize: 12; fontWeight: 600; lineHeight: '150%'; }; medium: { fontFamily: 'Inter'; fontSize: 12; fontWeight: 500; lineHeight: '1rem'; }; }; code: { small: { fontFamily: 'JetBrains Mono NL'; fontSize: 14; fontWeight: 400; lineHeight: '1.5rem'; }; xs: { fontFamily: 'JetBrains Mono NL'; fontSize: 12; fontWeight: 400; lineHeight: '1.5rem'; }; }; xxs: { fontFamily: 'Inter'; fontSize: 10; fontWeight: 400; lineHeight: '1rem'; }; semiBold: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 600; lineHeight: '1.5rem'; }; medium: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 500; lineHeight: '1.5rem'; }; }; declare const body: Body; type NavigationLabel = { fontFamily: 'Inter'; fontSize: 10; fontWeight: 400; lineHeight: '1rem'; selected: { fontFamily: 'Inter'; fontSize: 10; fontWeight: 600; lineHeight: '1rem'; }; default: { fontFamily: 'Inter'; fontSize: 10; fontWeight: 400; lineHeight: '1rem'; }; }; declare const navigationLabel: NavigationLabel; type Tab = { active: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 600; lineHeight: '1.5rem'; }; inactive: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 400; lineHeight: '1.5rem'; }; }; declare const tab: Tab; type Button = { fontFamily: 'Inter'; fontSize: 14; fontWeight: 500; lineHeight: '1.25rem'; }; declare const button: Button; type Link = { hover: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 400; lineHeight: '1.5rem'; textDecoration: 'underline'; }; default: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 400; lineHeight: '1.5rem'; }; smallHover: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 500; lineHeight: '1.5rem'; textDecoration: 'underline'; }; small: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 500; lineHeight: '1.5rem'; }; large: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 600; lineHeight: '1.5rem'; }; largeHover: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 600; lineHeight: '1.5rem'; textDecoration: 'underline'; }; }; declare const link: Link; type Chip = { fontFamily: 'Inter'; fontSize: 12; fontWeight: 500; lineHeight: '1rem'; }; declare const chip: Chip; type Table = { header: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 600; lineHeight: '1.5rem'; }; row: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 400; lineHeight: '1.5rem'; }; }; declare const table: Table; type Input = { default: { fontFamily: 'Inter'; fontSize: 16; fontWeight: 400; lineHeight: '1.5rem'; }; helper: { fontFamily: 'Inter'; fontSize: 12; fontWeight: 400; lineHeight: '1.25rem'; }; helperSearch: { fontFamily: 'Inter'; fontSize: 14; fontWeight: 400; lineHeight: '1.25rem'; }; }; declare const input: Input; type Tooltip = { fontFamily: 'Inter'; fontSize: 12; fontWeight: 500; lineHeight: '1rem'; }; declare const tooltip: Tooltip; declare const _default$3: { titles: typeof titles, body: typeof body, navigationLabel: typeof navigationLabel, tab: typeof tab, button: typeof button, link: typeof link, chip: typeof chip, table: typeof table, input: typeof input, tooltip: typeof tooltip, }; type semanticTypography_d_Body = Body; type semanticTypography_d_Button = Button; type semanticTypography_d_Chip = Chip; type semanticTypography_d_Input = Input; type semanticTypography_d_Link = Link; type semanticTypography_d_NavigationLabel = NavigationLabel; type semanticTypography_d_Tab = Tab; type semanticTypography_d_Table = Table; type semanticTypography_d_Titles = Titles; type semanticTypography_d_Tooltip = Tooltip; declare const semanticTypography_d_body: typeof body; declare const semanticTypography_d_button: typeof button; declare const semanticTypography_d_chip: typeof chip; declare const semanticTypography_d_input: typeof input; declare const semanticTypography_d_link: typeof link; declare const semanticTypography_d_navigationLabel: typeof navigationLabel; declare const semanticTypography_d_tab: typeof tab; declare const semanticTypography_d_table: typeof table; declare const semanticTypography_d_titles: typeof titles; declare const semanticTypography_d_tooltip: typeof tooltip; declare namespace semanticTypography_d { export { semanticTypography_d_body as body, semanticTypography_d_button as button, semanticTypography_d_chip as chip, _default$3 as default, semanticTypography_d_input as input, semanticTypography_d_link as link, semanticTypography_d_navigationLabel as navigationLabel, semanticTypography_d_tab as tab, semanticTypography_d_table as table, semanticTypography_d_titles as titles, semanticTypography_d_tooltip as tooltip }; export type { semanticTypography_d_Body as Body, semanticTypography_d_Button as Button, semanticTypography_d_Chip as Chip, semanticTypography_d_Input as Input, semanticTypography_d_Link as Link, semanticTypography_d_NavigationLabel as NavigationLabel, semanticTypography_d_Tab as Tab, semanticTypography_d_Table as Table, semanticTypography_d_Titles as Titles, semanticTypography_d_Tooltip as Tooltip }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ type Neutral = { small: { x: 0; y: 1; blur: 3; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; regular: { x: 0; y: 2; blur: 4; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; medium: { x: 0; y: 8; blur: 15; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; large1: { x: 0; y: 4; blur: 4; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; large2: { x: 0; y: 8; blur: 24; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; }; declare const neutral: Neutral; type Primary = { small: { x: 0; y: 1; blur: 3; spread: 0; shadow: 'rgba(47, 66, 255, 0.1)'; }; regular: { x: 0; y: 4; blur: 8; spread: 0; shadow: 'rgba(47, 66, 255, 0.1)'; }; medium: { x: 0; y: 8; blur: 15; spread: 0; shadow: 'rgba(47, 66, 255, 0.1)'; }; large: { x: 0; y: 8; blur: 24; spread: 0; shadow: 'rgba(47, 66, 255, 0.1)'; }; }; declare const primary: Primary; type Card = { x: 0; y: 2; blur: 4; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; declare const card: Card; type HardLine = { x: 0; y: 1; blur: 2; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; declare const hardLine: HardLine; type Dropdown = { x: 0; y: 8; blur: 15; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; declare const dropdown: Dropdown; type Drawer = { x: 0; y: 8; blur: 15; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; declare const drawer: Drawer; type Modal = { x: 0; y: 8; blur: 15; spread: 0; shadow: 'rgba(31, 41, 55, 0.1)'; }; declare const modal: Modal; declare const _default$2: { neutral: typeof neutral, primary: typeof primary, card: typeof card, hardLine: typeof hardLine, dropdown: typeof dropdown, drawer: typeof drawer, modal: typeof modal, }; type shadows_d_Card = Card; type shadows_d_Drawer = Drawer; type shadows_d_Dropdown = Dropdown; type shadows_d_HardLine = HardLine; type shadows_d_Modal = Modal; type shadows_d_Neutral = Neutral; type shadows_d_Primary = Primary; declare const shadows_d_card: typeof card; declare const shadows_d_drawer: typeof drawer; declare const shadows_d_dropdown: typeof dropdown; declare const shadows_d_hardLine: typeof hardLine; declare const shadows_d_modal: typeof modal; declare const shadows_d_neutral: typeof neutral; declare const shadows_d_primary: typeof primary; declare namespace shadows_d { export { shadows_d_card as card, _default$2 as default, shadows_d_drawer as drawer, shadows_d_dropdown as dropdown, shadows_d_hardLine as hardLine, shadows_d_modal as modal, shadows_d_neutral as neutral, shadows_d_primary as primary }; export type { shadows_d_Card as Card, shadows_d_Drawer as Drawer, shadows_d_Dropdown as Dropdown, shadows_d_HardLine as HardLine, shadows_d_Modal as Modal, shadows_d_Neutral as Neutral, shadows_d_Primary as Primary }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ declare const spacing_1: 8; declare const spacing_2: 16; declare const spacing_3: 24; declare const spacing_4: 32; declare const spacing_5: 40; declare const spacing_6: 48; declare const spacing_7: 56; declare const spacing_8: 64; declare const spacing_9: 56; declare const spacing_10: 80; /** * 2 */ declare const spacing_1_4: 2; declare const spacing_1_2: 4; declare const spacing_3_4: 6; declare const spacing_1_1_4: 10; declare const spacing_1_1_2: 12; declare const spacing_1_3_4: 14; declare const spacing_2_3_4: 22; declare const spacing_2_1_2: 20; declare const spacing_2_1_4: 18; declare const spacing_3_3_4: 30; declare const spacing_3_1_2: 28; declare const spacing_3_1_4: 26; declare const spacing_5_1_2: 44; declare const spacing_5_1_4: 42; declare const _default$1: { spacing_1: typeof spacing_1, spacing_2: typeof spacing_2, spacing_3: typeof spacing_3, spacing_4: typeof spacing_4, spacing_5: typeof spacing_5, spacing_6: typeof spacing_6, spacing_7: typeof spacing_7, spacing_8: typeof spacing_8, spacing_9: typeof spacing_9, spacing_10: typeof spacing_10, spacing_1_4: typeof spacing_1_4, spacing_1_2: typeof spacing_1_2, spacing_3_4: typeof spacing_3_4, spacing_1_1_4: typeof spacing_1_1_4, spacing_1_1_2: typeof spacing_1_1_2, spacing_1_3_4: typeof spacing_1_3_4, spacing_2_3_4: typeof spacing_2_3_4, spacing_2_1_2: typeof spacing_2_1_2, spacing_2_1_4: typeof spacing_2_1_4, spacing_3_3_4: typeof spacing_3_3_4, spacing_3_1_2: typeof spacing_3_1_2, spacing_3_1_4: typeof spacing_3_1_4, spacing_5_1_2: typeof spacing_5_1_2, spacing_5_1_4: typeof spacing_5_1_4, }; declare const spacing_d_spacing_1: typeof spacing_1; declare const spacing_d_spacing_10: typeof spacing_10; declare const spacing_d_spacing_1_1_2: typeof spacing_1_1_2; declare const spacing_d_spacing_1_1_4: typeof spacing_1_1_4; declare const spacing_d_spacing_1_2: typeof spacing_1_2; declare const spacing_d_spacing_1_3_4: typeof spacing_1_3_4; declare const spacing_d_spacing_1_4: typeof spacing_1_4; declare const spacing_d_spacing_2: typeof spacing_2; declare const spacing_d_spacing_2_1_2: typeof spacing_2_1_2; declare const spacing_d_spacing_2_1_4: typeof spacing_2_1_4; declare const spacing_d_spacing_2_3_4: typeof spacing_2_3_4; declare const spacing_d_spacing_3: typeof spacing_3; declare const spacing_d_spacing_3_1_2: typeof spacing_3_1_2; declare const spacing_d_spacing_3_1_4: typeof spacing_3_1_4; declare const spacing_d_spacing_3_3_4: typeof spacing_3_3_4; declare const spacing_d_spacing_3_4: typeof spacing_3_4; declare const spacing_d_spacing_4: typeof spacing_4; declare const spacing_d_spacing_5: typeof spacing_5; declare const spacing_d_spacing_5_1_2: typeof spacing_5_1_2; declare const spacing_d_spacing_5_1_4: typeof spacing_5_1_4; declare const spacing_d_spacing_6: typeof spacing_6; declare const spacing_d_spacing_7: typeof spacing_7; declare const spacing_d_spacing_8: typeof spacing_8; declare const spacing_d_spacing_9: typeof spacing_9; declare namespace spacing_d { export { _default$1 as default, spacing_d_spacing_1 as spacing_1, spacing_d_spacing_10 as spacing_10, spacing_d_spacing_1_1_2 as spacing_1_1_2, spacing_d_spacing_1_1_4 as spacing_1_1_4, spacing_d_spacing_1_2 as spacing_1_2, spacing_d_spacing_1_3_4 as spacing_1_3_4, spacing_d_spacing_1_4 as spacing_1_4, spacing_d_spacing_2 as spacing_2, spacing_d_spacing_2_1_2 as spacing_2_1_2, spacing_d_spacing_2_1_4 as spacing_2_1_4, spacing_d_spacing_2_3_4 as spacing_2_3_4, spacing_d_spacing_3 as spacing_3, spacing_d_spacing_3_1_2 as spacing_3_1_2, spacing_d_spacing_3_1_4 as spacing_3_1_4, spacing_d_spacing_3_3_4 as spacing_3_3_4, spacing_d_spacing_3_4 as spacing_3_4, spacing_d_spacing_4 as spacing_4, spacing_d_spacing_5 as spacing_5, spacing_d_spacing_5_1_2 as spacing_5_1_2, spacing_d_spacing_5_1_4 as spacing_5_1_4, spacing_d_spacing_6 as spacing_6, spacing_d_spacing_7 as spacing_7, spacing_d_spacing_8 as spacing_8, spacing_d_spacing_9 as spacing_9, }; } /** * Neo Design System * TypeScript declarations generated from Figma design tokens * @generated */ type LineHeight = { s: 20; m: 24; l: 28; xl: 32; /** * value in pixels */ xs: 16; }; declare const lineHeight: LineHeight; type FontSize = { caption: 13; code: 14; xs: 12; h6: 16; xxs: 10; sm: 14; default: 16; h5: 18; h4: 20; h3: 24; h2: 24; h1: 28; }; declare const fontSize: FontSize; type TextDecoration = { underline: 'underline'; }; declare const textDecoration: TextDecoration; type FontFamily = { body: 'Inter'; code: 'JetBrains Mono NL'; heading: 'Inter'; }; declare const fontFamily: FontFamily; type FontWeight = { thin: 100; regular: 400; bold: 700; medium: 500; light: 300; semiBold: 600; extraBold: 800; }; declare const fontWeight: FontWeight; declare const _default: { lineHeight: typeof lineHeight, fontSize: typeof fontSize, textDecoration: typeof textDecoration, fontFamily: typeof fontFamily, fontWeight: typeof fontWeight, }; type typography_d_FontFamily = FontFamily; type typography_d_FontSize = FontSize; type typography_d_FontWeight = FontWeight; type typography_d_LineHeight = LineHeight; type typography_d_TextDecoration = TextDecoration; declare const typography_d_fontFamily: typeof fontFamily; declare const typography_d_fontSize: typeof fontSize; declare const typography_d_fontWeight: typeof fontWeight; declare const typography_d_lineHeight: typeof lineHeight; declare const typography_d_textDecoration: typeof textDecoration; declare namespace typography_d { export { _default as default, typography_d_fontFamily as fontFamily, typography_d_fontSize as fontSize, typography_d_fontWeight as fontWeight, typography_d_lineHeight as lineHeight, typography_d_textDecoration as textDecoration }; export type { typography_d_FontFamily as FontFamily, typography_d_FontSize as FontSize, typography_d_FontWeight as FontWeight, typography_d_LineHeight as LineHeight, typography_d_TextDecoration as TextDecoration }; } export { borderRadius_d as borderRadius, breakpoints_d as breakpoints, colors_d as colors, height_d as height, padding_d as padding, semanticColors_d as semanticColors, semanticTypography_d as semanticTypography, shadows_d as shadows, spacing_d as spacing, typography_d as typography };