export * from './colors'; export * from './typography'; export * from './spacing'; export * from './shadows'; export * from './breakpoints'; export declare const tokens: { readonly colors: { readonly primary: { readonly 50: "#e3f2fd"; readonly 100: "#bbdefb"; readonly 200: "#90caf9"; readonly 300: "#64b5f6"; readonly 400: "#42a5f5"; readonly 500: "#2196f3"; readonly 600: "#1e88e5"; readonly 700: "#1976d2"; readonly 800: "#1565c0"; readonly 900: "#0d47a1"; }; readonly secondary: { readonly 50: "#f3e5f5"; readonly 100: "#e1bee7"; readonly 200: "#ce93d8"; readonly 300: "#ba68c8"; readonly 400: "#ab47bc"; readonly 500: "#9c27b0"; readonly 600: "#8e24aa"; readonly 700: "#7b1fa2"; readonly 800: "#6a1b9a"; readonly 900: "#4a148c"; }; readonly success: { readonly 50: "#e8f5e9"; readonly 100: "#c8e6c9"; readonly 200: "#a5d6a7"; readonly 300: "#81c784"; readonly 400: "#66bb6a"; readonly 500: "#4caf50"; readonly 600: "#43a047"; readonly 700: "#388e3c"; readonly 800: "#2e7d32"; readonly 900: "#1b5e20"; }; readonly warning: { readonly 50: "#fff3e0"; readonly 100: "#ffe0b2"; readonly 200: "#ffcc80"; readonly 300: "#ffb74d"; readonly 400: "#ffa726"; readonly 500: "#ff9800"; readonly 600: "#fb8c00"; readonly 700: "#f57c00"; readonly 800: "#ef6c00"; readonly 900: "#e65100"; }; readonly error: { readonly 50: "#ffebee"; readonly 100: "#ffcdd2"; readonly 200: "#ef9a9a"; readonly 300: "#e57373"; readonly 400: "#ef5350"; readonly 500: "#f44336"; readonly 600: "#e53935"; readonly 700: "#d32f2f"; readonly 800: "#c62828"; readonly 900: "#b71c1c"; }; readonly info: { readonly 50: "#e1f5fe"; readonly 100: "#b3e5fc"; readonly 200: "#81d4fa"; readonly 300: "#4fc3f7"; readonly 400: "#29b6f6"; readonly 500: "#03a9f4"; readonly 600: "#039be5"; readonly 700: "#0288d1"; readonly 800: "#0277bd"; readonly 900: "#01579b"; }; readonly gray: { readonly 50: "#fafafa"; readonly 100: "#f5f5f5"; readonly 200: "#eeeeee"; readonly 300: "#e0e0e0"; readonly 400: "#bdbdbd"; readonly 500: "#9e9e9e"; readonly 600: "#757575"; readonly 700: "#616161"; readonly 800: "#424242"; readonly 900: "#212121"; }; readonly common: { readonly black: "#000000"; readonly white: "#ffffff"; readonly transparent: "transparent"; }; readonly text: { readonly primary: "rgba(0, 0, 0, 0.87)"; readonly secondary: "rgba(0, 0, 0, 0.6)"; readonly disabled: "rgba(0, 0, 0, 0.38)"; readonly hint: "rgba(0, 0, 0, 0.38)"; }; readonly background: { readonly default: "#ffffff"; readonly paper: "#f5f5f5"; }; readonly divider: "rgba(0, 0, 0, 0.12)"; }; readonly typography: { readonly fontFamily: { readonly primary: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif"; readonly secondary: "Georgia, \"Times New Roman\", Times, serif"; readonly mono: "\"Fira Code\", \"Courier New\", monospace"; }; readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly base: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "1.875rem"; readonly '4xl': "2.25rem"; readonly '5xl': "3rem"; readonly '6xl': "3.75rem"; readonly '7xl': "4.5rem"; }; readonly fontWeight: { readonly thin: 100; readonly extralight: 200; readonly light: 300; readonly normal: 400; readonly medium: 500; readonly semibold: 600; readonly bold: 700; readonly extrabold: 800; readonly black: 900; }; readonly lineHeight: { readonly none: 1; readonly tight: 1.25; readonly snug: 1.375; readonly normal: 1.5; readonly relaxed: 1.625; readonly loose: 2; }; readonly letterSpacing: { readonly tighter: "-0.05em"; readonly tight: "-0.025em"; readonly normal: "0em"; readonly wide: "0.025em"; readonly wider: "0.05em"; readonly widest: "0.1em"; }; }; readonly spacing: { readonly 0: "0"; readonly 1: "0.25rem"; readonly 2: "0.5rem"; readonly 3: "0.75rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; readonly 28: "7rem"; readonly 32: "8rem"; readonly 36: "9rem"; readonly 40: "10rem"; readonly 44: "11rem"; readonly 48: "12rem"; readonly 52: "13rem"; readonly 56: "14rem"; readonly 60: "15rem"; readonly 64: "16rem"; readonly 72: "18rem"; readonly 80: "20rem"; readonly 96: "24rem"; }; readonly shadows: { readonly none: "none"; readonly xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; readonly base: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"; readonly md: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"; readonly lg: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"; readonly xl: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"; readonly '2xl': "0 25px 50px -12px rgba(0, 0, 0, 0.5)"; readonly inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"; readonly outline: "0 0 0 3px rgba(66, 153, 225, 0.5)"; }; readonly breakpoints: { readonly xs: "0px"; readonly sm: "640px"; readonly md: "768px"; readonly lg: "1024px"; readonly xl: "1280px"; readonly '2xl': "1536px"; }; readonly mediaQueries: { readonly xs: "@media (min-width: 0px)"; readonly sm: "@media (min-width: 640px)"; readonly md: "@media (min-width: 768px)"; readonly lg: "@media (min-width: 1024px)"; readonly xl: "@media (min-width: 1280px)"; readonly '2xl': "@media (min-width: 1536px)"; }; }; export type DesignTokens = typeof tokens; //# sourceMappingURL=index.d.ts.map