import React__default, { ReactNode } from 'react'; export { C as ColorType, D as DEFAULT_THEME, a as DefaultThemeType } from '../consts-DZiQBhNi.js'; declare const vars: { colors: { readonly primary: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly red: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly yellow: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly green: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly blue: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly orange: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly second_green: { readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; readonly neutral: { readonly white: `var(--${string})`; readonly lightest: `var(--${string})`; readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; readonly black: `var(--${string})`; }; readonly fixed: { readonly white: `var(--${string})`; readonly black: `var(--${string})`; }; }; shadows: { readonly lighter: `var(--${string})`; readonly light: `var(--${string})`; readonly default: `var(--${string})`; readonly dark: `var(--${string})`; readonly darker: `var(--${string})`; }; typography: { readonly family: { readonly default: `var(--${string})`; }; readonly weights: { readonly regular: `var(--${string})`; readonly medium: `var(--${string})`; readonly semibold: `var(--${string})`; readonly bold: `var(--${string})`; }; readonly scale: { readonly display: { readonly fontSize: `var(--${string})`; readonly lineHeight: `var(--${string})`; readonly fontWeight: `var(--${string})`; }; readonly heading: { readonly fontSize: `var(--${string})`; readonly lineHeight: `var(--${string})`; readonly fontWeight: `var(--${string})`; }; readonly body: { readonly fontSize: `var(--${string})`; readonly lineHeight: `var(--${string})`; readonly fontWeight: `var(--${string})`; }; readonly caption: { readonly fontSize: `var(--${string})`; readonly lineHeight: `var(--${string})`; readonly fontWeight: `var(--${string})`; }; readonly small: { readonly fontSize: `var(--${string})`; readonly lineHeight: `var(--${string})`; readonly fontWeight: `var(--${string})`; }; }; }; spacing: { readonly xxs: `var(--${string})`; readonly xs: `var(--${string})`; readonly s: `var(--${string})`; readonly m: `var(--${string})`; readonly l: `var(--${string})`; readonly xl: `var(--${string})`; readonly xxl: `var(--${string})`; }; radius: { readonly s: `var(--${string})`; readonly m: `var(--${string})`; readonly l: `var(--${string})`; readonly xl: `var(--${string})`; readonly xxl: `var(--${string})`; }; semantic: { readonly error: `var(--${string})`; readonly success: `var(--${string})`; readonly info: `var(--${string})`; readonly warning: `var(--${string})`; }; zIndex: { readonly dropdown: `var(--${string})`; readonly modal: `var(--${string})`; readonly tooltip: `var(--${string})`; readonly toast: `var(--${string})`; }; motion: { readonly fast: `var(--${string})`; readonly normal: `var(--${string})`; readonly slow: `var(--${string})`; }; components: { readonly fieldInfo: { readonly fontSize: { readonly desktop: `var(--${string})`; readonly tablet: `var(--${string})`; readonly totem: `var(--${string})`; }; }; readonly input: { readonly label: { readonly fontSize: { readonly desktop: `var(--${string})`; readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; }; readonly input: { readonly fontSize: { readonly desktop: `var(--${string})`; readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; readonly height: { readonly desktop: `var(--${string})`; readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; readonly borderRadius: { readonly desktop: `var(--${string})`; readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; readonly padding: { readonly desktop: `var(--${string})`; readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; }; }; readonly select: { readonly padding: { readonly desktop: `var(--${string})`; readonly tablet: `var(--${string})`; readonly totem: `var(--${string})`; }; }; readonly button: { readonly fontSize: { readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly large: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; readonly height: { readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; readonly padding: { readonly large: { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly medium: { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly small: { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly tablet: { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly "tablet-medium": { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly "tablet-small": { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly totem: { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly "totem-medium": { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; readonly "totem-small": { readonly text: `var(--${string})`; readonly icon: `var(--${string})`; readonly textAndIcon: `var(--${string})`; }; }; readonly borderRadius: { readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; readonly iconSize: { readonly large: `var(--${string})`; readonly medium: `var(--${string})`; readonly small: `var(--${string})`; readonly tablet: `var(--${string})`; readonly "tablet-medium": `var(--${string})`; readonly "tablet-small": `var(--${string})`; readonly totem: `var(--${string})`; readonly "totem-medium": `var(--${string})`; readonly "totem-small": `var(--${string})`; }; }; }; }; declare const defaultTheme: string; declare const darkTheme: string; declare const betaTheme: string; declare const themeValues: { readonly colors: { readonly primary: { readonly lightest: "#e5a1a4"; readonly lighter: "#db6e72"; readonly light: "#d13f45"; readonly default: "#c8131b"; readonly dark: "#94090f"; readonly darker: "#610206"; }; readonly red: { readonly lightest: "#e5a1a4"; readonly lighter: "#db6e72"; readonly light: "#d13f45"; readonly default: "#c8131b"; readonly dark: "#94090f"; readonly darker: "#610206"; }; readonly yellow: { readonly lightest: "#ffebc8"; readonly lighter: "#ffd894"; readonly light: "#ffc561"; readonly default: "#ffb32f"; readonly dark: "#cc8c1d"; readonly darker: "#99670f"; }; readonly green: { readonly lightest: "#bce3de"; readonly lighter: "#89d9cf"; readonly light: "#59cfc1"; readonly default: "#2ec9b7"; readonly dark: "#1d9688"; readonly darker: "#0f635a"; }; readonly blue: { readonly lightest: "#99dfff"; readonly lighter: "#66cfff"; readonly light: "#33bfff"; readonly default: "#01afff"; readonly dark: "#018ccc"; readonly darker: "#016999"; }; readonly orange: { readonly lightest: "#FFD8BD"; readonly lighter: "#FFB98A"; readonly light: "#FF9B57"; readonly default: "#FF7D24"; readonly dark: "#CC5F14"; readonly darker: "#994409"; }; readonly second_green: { readonly lightest: "#A5C7AF"; readonly lighter: "#77BD8B"; readonly light: "#4DB26A"; readonly default: "#27A84C"; readonly dark: "#167532"; readonly darker: "#0A421A"; }; readonly neutral: { readonly white: "#ffffff"; readonly lightest: "#f6f6f6"; readonly lighter: "#ededed"; readonly light: "#c6c6c6"; readonly default: "#7a7a7a"; readonly dark: "#545454"; readonly darker: "#222222"; readonly black: "#000000"; }; readonly fixed: { readonly white: "#ffffff"; readonly black: "#000000"; }; }; readonly shadows: { readonly lighter: "0px 0px 2px 0px #0000001F, 0px 1px 2px 0px #00000024;"; readonly light: "0px 0px 2px 0px #0000001F, 0px 2px 4px 0px #00000024;"; readonly default: "0px 0px 2px 0px #0000001F, 0px 4px 8px 0px #00000024;"; readonly dark: "0px 0px 2px 0px #0000001F, 0px 8px 16px 0px #00000024;"; readonly darker: "0px 0px 8px 0px #00000033, 0px 10px 25px 0px #00000024;"; }; readonly typography: { readonly family: { readonly default: "\"Poppins\", sans-serif"; }; readonly weights: { readonly regular: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly scale: { readonly display: { readonly fontSize: "24px"; readonly lineHeight: "28px"; readonly fontWeight: "700"; }; readonly heading: { readonly fontSize: "20px"; readonly lineHeight: "24px"; readonly fontWeight: "700"; }; readonly body: { readonly fontSize: "14px"; readonly lineHeight: "20px"; readonly fontWeight: "400"; }; readonly caption: { readonly fontSize: "12px"; readonly lineHeight: "16px"; readonly fontWeight: "500"; }; readonly small: { readonly fontSize: "10px"; readonly lineHeight: "14px"; readonly fontWeight: "400"; }; }; }; readonly spacing: { readonly xxs: "4px"; readonly xs: "8px"; readonly s: "16px"; readonly m: "24px"; readonly l: "32px"; readonly xl: "40px"; readonly xxl: "48px"; }; readonly radius: { readonly s: "4px"; readonly m: "8px"; readonly l: "12px"; readonly xl: "16px"; readonly xxl: "24px"; }; readonly semantic: { readonly error: "#c8131b"; readonly success: "#2ec9b7"; readonly info: "#01afff"; readonly warning: "#ffb32f"; }; readonly zIndex: { readonly dropdown: "1000"; readonly modal: "1100"; readonly tooltip: "1200"; readonly toast: "1300"; }; readonly motion: { readonly fast: "150ms"; readonly normal: "300ms"; readonly slow: "500ms"; }; readonly components: { readonly fieldInfo: { readonly fontSize: { readonly desktop: "12px"; readonly tablet: "14px"; readonly totem: "16px"; }; }; readonly input: { readonly label: { readonly fontSize: { readonly desktop: "16px"; readonly large: "16px"; readonly medium: "14px"; readonly small: "12px"; readonly tablet: "18px"; readonly "tablet-medium": "16px"; readonly "tablet-small": "16px"; readonly totem: "20px"; readonly "totem-medium": "18px"; readonly "totem-small": "16px"; }; }; readonly input: { readonly fontSize: { readonly desktop: "14px"; readonly large: "14px"; readonly medium: "14px"; readonly small: "12px"; readonly tablet: "16px"; readonly "tablet-medium": "16px"; readonly "tablet-small": "16px"; readonly totem: "18px"; readonly "totem-medium": "16px"; readonly "totem-small": "16px"; }; readonly height: { readonly desktop: "40px"; readonly large: "40px"; readonly medium: "32px"; readonly small: "24px"; readonly tablet: "48px"; readonly "tablet-medium": "40px"; readonly "tablet-small": "32px"; readonly totem: "56px"; readonly "totem-medium": "48px"; readonly "totem-small": "40px"; }; readonly borderRadius: { readonly desktop: "8px"; readonly large: "8px"; readonly medium: "8px"; readonly small: "4px"; readonly tablet: "12px"; readonly "tablet-medium": "8px"; readonly "tablet-small": "4px"; readonly totem: "16px"; readonly "totem-medium": "8px"; readonly "totem-small": "8px"; }; readonly padding: { readonly desktop: "8px 16px"; readonly large: "8px 16px"; readonly medium: "4px 12px"; readonly small: "4px 8px"; readonly tablet: "8px 16px"; readonly "tablet-medium": "4px 16px"; readonly "tablet-small": "4px 12px"; readonly totem: "8px 12px"; readonly "totem-medium": "8px 12px"; readonly "totem-small": "4px 12px"; }; }; }; readonly select: { readonly padding: { readonly desktop: "4px 16px"; readonly tablet: "4px 16px"; readonly totem: "4px 12px"; }; }; readonly button: { readonly fontSize: { readonly medium: "14px"; readonly small: "12px"; readonly large: "14px"; readonly tablet: "16px"; readonly "tablet-medium": "16px"; readonly "tablet-small": "14px"; readonly totem: "24px"; readonly "totem-medium": "24px"; readonly "totem-small": "22px"; }; readonly height: { readonly large: "40px"; readonly medium: "32px"; readonly small: "24px"; readonly tablet: "48px"; readonly "tablet-medium": "40px"; readonly "tablet-small": "32px"; readonly totem: "56px"; readonly "totem-medium": "48px"; readonly "totem-small": "40px"; }; readonly padding: { readonly large: { readonly text: "0 24px"; readonly icon: "0 24px 0 16px"; readonly textAndIcon: "0 24px 0 16px"; }; readonly medium: { readonly text: "0 12px"; readonly icon: "0 12px 0 8px"; readonly textAndIcon: "0 12px 0 8px"; }; readonly small: { readonly text: "0 8px"; readonly icon: "0 8px 0 4px"; readonly textAndIcon: "0 8px 0 4px"; }; readonly tablet: { readonly text: "0 24px"; readonly icon: "0 24px 0 16px"; readonly textAndIcon: "0 24px 0 16px"; }; readonly "tablet-medium": { readonly text: "0 12px"; readonly icon: "0 12px 0 8px"; readonly textAndIcon: "0 12px 0 8px"; }; readonly "tablet-small": { readonly text: "0 8px"; readonly icon: "0 8px 0 4px"; readonly textAndIcon: "0 8px 0 4px"; }; readonly totem: { readonly text: "0 24px"; readonly icon: "0 24px 0 16px"; readonly textAndIcon: "0 24px 0 16px"; }; readonly "totem-medium": { readonly text: "0 12px"; readonly icon: "0 12px 0 8px"; readonly textAndIcon: "0 12px 0 8px"; }; readonly "totem-small": { readonly text: "0 8px"; readonly icon: "0 8px 0 4px"; readonly textAndIcon: "0 8px 0 4px"; }; }; readonly borderRadius: { readonly large: "12px"; readonly medium: "8px"; readonly small: "4px"; readonly tablet: "12px"; readonly "tablet-medium": "8px"; readonly "tablet-small": "4px"; readonly totem: "12px"; readonly "totem-medium": "8px"; readonly "totem-small": "8px"; }; readonly iconSize: { readonly large: "24px"; readonly medium: "20px"; readonly small: "16px"; readonly tablet: "24px"; readonly "tablet-medium": "20px"; readonly "tablet-small": "16px"; readonly totem: "36px"; readonly "totem-medium": "32px"; readonly "totem-small": "28px"; }; }; }; readonly device: "desktop"; }; interface UiKitThemeProps { children: ReactNode; themeClass?: string; dataDevice?: "desktop" | "tablet" | "totem"; fallback?: ReactNode; } declare const UiKitTheme: React__default.FC; export { UiKitTheme, betaTheme, darkTheme, defaultTheme, themeValues, vars };