lightning-auth-and-payment
Version:
Lightning Network authentication and payment processing library for modern web applications
159 lines • 4.71 kB
JavaScript
;
/**
* Design tokens for the Lightning theme system
* Centralized design values for consistent theming
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.themePresets = exports.defaultTheme = exports.darkColors = exports.lightColors = exports.shadows = exports.radius = exports.typography = exports.spacing = void 0;
// Base spacing scale (rem units)
exports.spacing = {
xs: '0.25rem', // 4px
sm: '0.5rem', // 8px
md: '1rem', // 16px
lg: '1.5rem', // 24px
xl: '2rem', // 32px
'2xl': '3rem', // 48px
'3xl': '4rem', // 64px
};
// Typography scale
exports.typography = {
fontFamily: {
sans: ['Inter', 'system-ui', 'sans-serif'],
mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
},
fontSize: {
xs: '0.75rem', // 12px
sm: '0.875rem', // 14px
base: '1rem', // 16px
lg: '1.125rem', // 18px
xl: '1.25rem', // 20px
'2xl': '1.5rem', // 24px
'3xl': '1.875rem', // 30px
'4xl': '2.25rem', // 36px
},
fontWeight: {
normal: 400,
medium: 500,
semibold: 600,
bold: 700,
},
lineHeight: {
tight: 1.25,
normal: 1.5,
relaxed: 1.75,
},
};
// Border radius scale
exports.radius = {
none: '0',
sm: '0.125rem', // 2px
md: '0.375rem', // 6px
lg: '0.5rem', // 8px
xl: '0.75rem', // 12px
full: '9999px',
};
// Shadow scale
exports.shadows = {
sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
none: 'none',
};
// Light theme colors
exports.lightColors = {
background: 'hsl(0 0% 100%)',
foreground: 'hsl(222.2 84% 4.9%)',
muted: 'hsl(210 40% 96%)',
mutedForeground: 'hsl(215.4 16.3% 46.9%)',
primary: 'hsl(222.2 47.4% 11.2%)',
primaryForeground: 'hsl(210 40% 98%)',
secondary: 'hsl(210 40% 96%)',
secondaryForeground: 'hsl(222.2 47.4% 11.2%)',
accent: 'hsl(210 40% 96%)',
accentForeground: 'hsl(222.2 47.4% 11.2%)',
destructive: 'hsl(0 84.2% 60.2%)',
destructiveForeground: 'hsl(210 40% 98%)',
border: 'hsl(214.3 31.8% 91.4%)',
input: 'hsl(214.3 31.8% 91.4%)',
ring: 'hsl(222.2 84% 4.9%)',
lightning: {
orange: 'hsl(25 95% 53%)',
orangeForeground: 'hsl(0 0% 100%)',
green: 'hsl(142 76% 36%)',
greenForeground: 'hsl(0 0% 100%)',
blue: 'hsl(217 91% 60%)',
blueForeground: 'hsl(0 0% 100%)',
purple: 'hsl(262 83% 58%)',
purpleForeground: 'hsl(0 0% 100%)',
},
bitcoin: {
400: '#f7931a',
500: '#f7931a',
600: '#e8841a',
700: '#d97519',
},
};
// Dark theme colors
exports.darkColors = {
background: 'hsl(222.2 84% 4.9%)',
foreground: 'hsl(210 40% 98%)',
muted: 'hsl(217.2 32.6% 17.5%)',
mutedForeground: 'hsl(215 20.2% 65.1%)',
primary: 'hsl(210 40% 98%)',
primaryForeground: 'hsl(222.2 47.4% 11.2%)',
secondary: 'hsl(217.2 32.6% 17.5%)',
secondaryForeground: 'hsl(210 40% 98%)',
accent: 'hsl(217.2 32.6% 17.5%)',
accentForeground: 'hsl(210 40% 98%)',
destructive: 'hsl(0 62.8% 30.6%)',
destructiveForeground: 'hsl(210 40% 98%)',
border: 'hsl(217.2 32.6% 17.5%)',
input: 'hsl(217.2 32.6% 17.5%)',
ring: 'hsl(212.7 26.8% 83.9%)',
lightning: {
orange: 'hsl(25 95% 58%)',
orangeForeground: 'hsl(0 0% 100%)',
green: 'hsl(142 76% 41%)',
greenForeground: 'hsl(0 0% 100%)',
blue: 'hsl(217 91% 65%)',
blueForeground: 'hsl(0 0% 100%)',
purple: 'hsl(262 83% 63%)',
purpleForeground: 'hsl(0 0% 100%)',
},
bitcoin: {
400: '#f7931a',
500: '#f7931a',
600: '#e8841a',
700: '#d97519',
},
};
// Default theme configuration
exports.defaultTheme = {
mode: 'system',
colors: exports.lightColors,
spacing: exports.spacing,
typography: exports.typography,
radius: exports.radius,
shadows: exports.shadows,
};
// Theme presets for easy customization
exports.themePresets = {
light: {
...exports.defaultTheme,
mode: 'light',
colors: exports.lightColors,
},
dark: {
...exports.defaultTheme,
mode: 'dark',
colors: exports.darkColors,
},
system: {
...exports.defaultTheme,
mode: 'system',
},
};
//# sourceMappingURL=tokens.js.map