/** [GENERATED] pnpm generate:legacyTokens */ export declare const legacyTokens: { readonly effect: { readonly boxShadow: { readonly shadowDown: "0px 3px 7px 0px #00000014"; readonly shadowUp: "0px -3px 7px 0px #00000014"; readonly shadowFocus: "0px 0px 2px 0px #0eb4f3"; }; }; readonly colors: { readonly forms: { readonly background: "#ffffff"; readonly border: "#d6d6d6"; readonly activated: "#0eb4f3"; readonly shadow: "#0eb4f3"; readonly critical: "#f00004"; readonly disabled: "#eeeeee"; readonly warning: "#fe9b15"; }; readonly surface: { readonly primary: "#eeeeee"; readonly secondary: "#ffffff"; readonly tertiary: "#ffffff"; readonly overlay: "#00000080"; readonly lightGray: "#f7f7f7"; readonly lightBlue: "#eef9ff"; readonly inverted: "#343434"; }; readonly foregrounds: { readonly headlines: { readonly primary: "#0eb4f3"; readonly secondary: "#000000"; readonly tertiary: "#689902"; }; readonly content: { readonly primary: "#000000"; readonly secondary: "#797979"; readonly tertiary: "#979797"; readonly inverted: "#ffffff"; }; readonly icons: { readonly primary: "#000000"; readonly secondary: "#979797"; readonly tertiary: "#ffffff"; }; readonly borders: { readonly primary: "#eeeeee"; readonly secondary: "#dedede"; }; }; readonly interactive: { readonly primary: { readonly enabled: "#0eb4f3"; readonly hover: "#009bd3"; readonly disabled: "#979797"; }; readonly action: { readonly enabled: "#94ca47"; readonly hover: "#6fa116"; readonly disabled: "#979797"; }; readonly links: { readonly enabled: "#0052c6"; readonly hover: "#0065f1"; readonly disabled: "#0052c60d"; }; readonly destructive: { readonly enabled: "#f00004"; readonly hover: "#c90002"; readonly disabled: "#979797"; }; readonly secondary: { readonly enabled: "#979797"; readonly hover: "#000000"; readonly disabled: "#979797"; readonly activated: "#0eb4f3"; }; readonly tabs: { readonly backgroundEnabled: "#eeeeee"; readonly backgroundSelected: "#ffffff"; readonly border: "#b6b6b6"; readonly selectedIndicator: "#94ca47"; readonly backgroundHover: "#0eb4f3"; }; readonly ghost: { readonly enabled: "#ffffff"; readonly hover: "#eeeeee"; readonly activated: "#0eb4f3"; readonly subtle: "#cbecff"; readonly subtleHover: "#a5dfff"; readonly activatedHover: "#009bd3"; }; readonly superadmin: { readonly enabled: "#9455ef"; readonly hover: "#7d3dd4"; readonly activated: "#7d3dd4"; }; readonly content: { readonly primary: "#ffffff"; readonly secondary: "#000000"; }; readonly focus: { readonly primary: "#008bbe"; }; readonly tertiary: { readonly enabled: "#000000"; readonly hover: "#4e4e4e"; readonly disabled: "#00000080"; readonly activated: "#0eb4f3"; }; readonly loader: { readonly lightForegrounds: "#0eb4f3"; readonly lightBackground: "#cbecff"; readonly darkForegrounds: "#ffffff"; readonly darkBackground: "#ffffff0d"; }; }; readonly tables: { readonly backgrounds: { readonly primary: "#ffffff"; readonly secondary: "#f7f7f7"; readonly tertiary: "#eeeeee"; }; readonly border: { readonly primary: "#e6e6e6"; readonly secondary: "#0eb4f3"; }; readonly states: { readonly success: "#e6f4da"; readonly warning: "#ffedc0"; readonly critical: "#ffa9c0"; readonly notice: "#e7efff"; }; }; readonly states: { readonly primary: { readonly default: "#636363"; readonly notice: "#10b4f3"; readonly success: "#369900"; readonly alert: "#fe9b15"; readonly error: "#f00004"; readonly informative: "#1139d7"; }; readonly secondary: { readonly default: "#d6d6d6"; readonly notice: "#e7efff"; readonly success: "#f2faec"; readonly alert: "#fff6e0"; readonly error: "#fee8ed"; readonly informative: "#dbe6ff"; }; }; readonly sidebar: { readonly backgrounds: { readonly enabled: "#ffffff"; readonly hover: "#eeeeee"; readonly activated: "#ddf2ff"; }; readonly content: { readonly enabled: "#000000"; readonly activated: "#0eb4f3"; readonly disabled: "#979797"; }; }; readonly header: { readonly background: "#0eb4f3"; readonly hover: "#00000026"; readonly shop: "#0000004d"; }; readonly lists: { readonly background: { readonly enabled: "#ffffff"; readonly hover: "#eeeeee"; readonly activated: "#ddf2ff"; }; readonly content: { readonly enabled: "#000000"; readonly activated: "#0eb4f3"; readonly disabled: "#979797"; }; }; readonly codeSnippet: { readonly background: "#f3f7ff"; readonly border: "#92b4ff"; }; }; readonly spacing: { readonly xxs: "2px"; readonly xs: "4px"; readonly xxl: "48px"; readonly xl: "24px"; readonly lg: "16px"; readonly md: "12px"; readonly sm: "8px"; readonly xl32: "32px"; }; readonly borderRadius: { readonly borderRadius0: "0px"; readonly borderRadius4: "4px"; readonly borderRadius8: "8px"; readonly borderRadius16: "16px"; readonly borderRadius24: "24px"; readonly borderRadius32: "32px"; }; readonly typography: { readonly headlines: { readonly headline1: { readonly fontSize: "36px"; readonly fontFamily: "'Inter Display', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "46px"; }; readonly headline2: { readonly fontSize: "22px"; readonly fontFamily: "'Inter Display', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "28px"; }; readonly headline3: { readonly fontSize: "18px"; readonly fontFamily: "'Inter Display', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "24px"; }; readonly headline4: { readonly fontSize: "16px"; readonly fontFamily: "'Inter Display', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "24px"; }; readonly headline5: { readonly fontSize: "12px"; readonly fontFamily: "'Inter Display', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "14px"; }; }; readonly bodyCopy: { readonly l: { readonly fontSize: "14px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.16px"; readonly lineHeight: "22px"; }; readonly lb: { readonly fontSize: "14px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "0.16px"; readonly lineHeight: "22px"; }; readonly m: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.1px"; readonly lineHeight: "18px"; }; readonly mb: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "0.1px"; readonly lineHeight: "18px"; }; readonly s: { readonly fontSize: "10px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.06px"; readonly lineHeight: "16px"; }; readonly sb: { readonly fontSize: "10px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "0.06px"; readonly lineHeight: "16px"; }; }; readonly interactive: { readonly buttons: { readonly l: { readonly fontSize: "16px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.4px"; readonly lineHeight: "24px"; }; readonly m: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.4px"; readonly lineHeight: "24px"; }; readonly s: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.4px"; readonly lineHeight: "16px"; }; }; readonly menu: { readonly enabled: { readonly fontSize: "14px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.1px"; readonly lineHeight: "20px"; }; readonly selected: { readonly fontSize: "14px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "0.1px"; readonly lineHeight: "20px"; }; }; }; readonly forms: { readonly helperText: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.1px"; readonly lineHeight: "16px"; }; readonly label: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.1px"; readonly lineHeight: "18px"; }; readonly text: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0.1px"; readonly lineHeight: "16px"; }; }; readonly numbers: { readonly l: { readonly fontSize: "60px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "0px"; readonly lineHeight: "72px"; }; readonly m: { readonly fontSize: "36px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "0px"; readonly lineHeight: "44px"; }; readonly s: { readonly fontSize: "24px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "28px"; }; }; readonly responsive: { readonly headlines: { readonly headline1: { readonly fontSize: "26px"; readonly fontFamily: "'Inter Display', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "0px"; readonly lineHeight: "32px"; }; }; }; readonly numbersMono: { readonly l: { readonly fontSize: "14px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "-0.28px"; readonly lineHeight: "22px"; }; readonly lb: { readonly fontSize: "14px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "-0.28px"; readonly lineHeight: "22px"; }; readonly m: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "-0.24px"; readonly lineHeight: "18px"; }; readonly mb: { readonly fontSize: "12px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "-0.24px"; readonly lineHeight: "18px"; }; readonly s: { readonly fontSize: "10px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 400; readonly letterSpacing: "-0.2px"; readonly lineHeight: "16px"; }; readonly sb: { readonly fontSize: "10px"; readonly fontFamily: "'Inter', 'Arial', sans-serif"; readonly fontWeight: 700; readonly letterSpacing: "-0.2px"; readonly lineHeight: "16px"; }; }; }; readonly breakpoints: { readonly sm: "576px"; readonly md: "768px"; readonly lg: "992px"; readonly xl: "1024px"; readonly xxl: "1400px"; }; readonly elevations: { readonly default: 1; readonly overlay: 999; readonly sidebar: 1003; readonly header: 1100; readonly modal: 11000; readonly loader: 12000; }; };