@onesaz/tokens 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +22 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -3
- package/dist/index.d.ts +17 -3
- package/dist/index.js +22 -5
- package/dist/index.js.map +1 -1
- package/package.json +4 -2
package/dist/index.cjs
CHANGED
|
@@ -225,6 +225,23 @@ var grayColors = {
|
|
|
225
225
|
10: "#171717",
|
|
226
226
|
11: "#121212",
|
|
227
227
|
12: "#0a0a0a"
|
|
228
|
+
},
|
|
229
|
+
// Midnight: dark navy-blue gray scale inspired by professional dark consoles
|
|
230
|
+
// Step 10 (#161d26) = page background, 9 (#1c2b3a) = card bg,
|
|
231
|
+
// 5 (#545b64) = border, 3 (#c6c6cd) = body text, 2 (#ebebf0) = heading
|
|
232
|
+
midnight: {
|
|
233
|
+
1: "#f7f8f9",
|
|
234
|
+
2: "#ebebf0",
|
|
235
|
+
3: "#c6c6cd",
|
|
236
|
+
4: "#8d9199",
|
|
237
|
+
5: "#545b64",
|
|
238
|
+
6: "#3d4752",
|
|
239
|
+
7: "#2d3748",
|
|
240
|
+
8: "#21303f",
|
|
241
|
+
9: "#1c2b3a",
|
|
242
|
+
10: "#161d26",
|
|
243
|
+
11: "#0f141a",
|
|
244
|
+
12: "#090d12"
|
|
228
245
|
}
|
|
229
246
|
};
|
|
230
247
|
|
|
@@ -371,7 +388,7 @@ var letterSpacings = {
|
|
|
371
388
|
widest: "0.1em"
|
|
372
389
|
};
|
|
373
390
|
var fontFamilies = {
|
|
374
|
-
sans: '
|
|
391
|
+
sans: '"DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
375
392
|
mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
|
|
376
393
|
};
|
|
377
394
|
|
|
@@ -432,12 +449,12 @@ var lightTheme = {
|
|
|
432
449
|
// gray-1
|
|
433
450
|
foreground: 12,
|
|
434
451
|
// gray-12
|
|
435
|
-
card:
|
|
436
|
-
// gray-1
|
|
452
|
+
card: "#ffffff",
|
|
453
|
+
// pure white — distinct from the gray-1 page background
|
|
437
454
|
cardForeground: 12,
|
|
438
455
|
// gray-12
|
|
439
|
-
popover:
|
|
440
|
-
//
|
|
456
|
+
popover: "#ffffff",
|
|
457
|
+
// pure white
|
|
441
458
|
popoverForeground: 12,
|
|
442
459
|
// gray-12
|
|
443
460
|
muted: 2,
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/colors/accents.ts","../src/colors/grays.ts","../src/colors/semantic.ts","../src/spacing.ts","../src/typography.ts","../src/radius.ts","../src/themes.ts"],"sourcesContent":["// Colors\nexport { accentColors, type AccentColor } from './colors/accents'\nexport { grayColors, type GrayColor } from './colors/grays'\nexport { semanticColors, type SemanticColor } from './colors/semantic'\n\n// Spacing\nexport { spacing } from './spacing'\n\n// Typography\nexport {\n fontSizes,\n fontWeights,\n lineHeights,\n letterSpacings,\n fontFamilies,\n} from './typography'\n\n// Radius\nexport { radiusScale, radiusPresets, type RadiusPreset } from './radius'\n\n// Themes\nexport {\n lightTheme,\n darkTheme,\n defaultThemeConfig,\n type Theme,\n type ThemeConfig,\n} from './themes'\n","export const accentColors = {\n purple: {\n 1: '#faf5ff',\n 2: '#f3e8ff',\n 3: '#e9d5ff',\n 4: '#d8b4fe',\n 5: '#c084fc',\n 6: '#a855f7',\n 7: '#9333ea',\n 8: '#7c3aed',\n 9: '#6d28d9',\n 10: '#5b21b6',\n 11: '#4c1d95',\n 12: '#2e1065',\n },\n blue: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n cyan: {\n 1: '#ecfeff',\n 2: '#cffafe',\n 3: '#a5f3fc',\n 4: '#67e8f9',\n 5: '#22d3ee',\n 6: '#06b6d4',\n 7: '#0891b2',\n 8: '#0e7490',\n 9: '#155e75',\n 10: '#164e63',\n 11: '#083344',\n 12: '#042f2e',\n },\n teal: {\n 1: '#f0fdfa',\n 2: '#ccfbf1',\n 3: '#99f6e4',\n 4: '#5eead4',\n 5: '#2dd4bf',\n 6: '#14b8a6',\n 7: '#0d9488',\n 8: '#0f766e',\n 9: '#115e59',\n 10: '#134e4a',\n 11: '#042f2e',\n 12: '#022322',\n },\n green: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n orange: {\n 1: '#fff7ed',\n 2: '#ffedd5',\n 3: '#fed7aa',\n 4: '#fdba74',\n 5: '#fb923c',\n 6: '#f97316',\n 7: '#ea580c',\n 8: '#c2410c',\n 9: '#9a3412',\n 10: '#7c2d12',\n 11: '#431407',\n 12: '#27130a',\n },\n red: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n pink: {\n 1: '#fdf2f8',\n 2: '#fce7f3',\n 3: '#fbcfe8',\n 4: '#f9a8d4',\n 5: '#f472b6',\n 6: '#ec4899',\n 7: '#db2777',\n 8: '#be185d',\n 9: '#9d174d',\n 10: '#831843',\n 11: '#500724',\n 12: '#2e0515',\n },\n // Violet — built around #6933d3 as step 6 (main interactive shade)\n violet: {\n 1: '#f8f5ff',\n 2: '#ede5ff',\n 3: '#d9ccff',\n 4: '#bea8f5',\n 5: '#9a6fe8',\n 6: '#6933d3',\n 7: '#5626b2',\n 8: '#441e92',\n 9: '#351970',\n 10: '#281050',\n 11: '#1b0a36',\n 12: '#100623',\n },\n} as const\n\nexport type AccentColor = keyof typeof accentColors\n","export const grayColors = {\n slate: {\n 1: '#f8fafc',\n 2: '#f1f5f9',\n 3: '#e2e8f0',\n 4: '#cbd5e1',\n 5: '#94a3b8',\n 6: '#64748b',\n 7: '#475569',\n 8: '#334155',\n 9: '#1e293b',\n 10: '#0f172a',\n 11: '#0d1424',\n 12: '#020617',\n },\n gray: {\n 1: '#f9fafb',\n 2: '#f3f4f6',\n 3: '#e5e7eb',\n 4: '#d1d5db',\n 5: '#9ca3af',\n 6: '#6b7280',\n 7: '#4b5563',\n 8: '#374151',\n 9: '#1f2937',\n 10: '#111827',\n 11: '#0d1117',\n 12: '#030712',\n },\n zinc: {\n 1: '#fafafa',\n 2: '#f4f4f5',\n 3: '#e4e4e7',\n 4: '#d4d4d8',\n 5: '#a1a1aa',\n 6: '#71717a',\n 7: '#52525b',\n 8: '#3f3f46',\n 9: '#27272a',\n 10: '#18181b',\n 11: '#131316',\n 12: '#09090b',\n },\n neutral: {\n 1: '#fafafa',\n 2: '#f5f5f5',\n 3: '#e5e5e5',\n 4: '#d4d4d4',\n 5: '#a3a3a3',\n 6: '#737373',\n 7: '#525252',\n 8: '#404040',\n 9: '#262626',\n 10: '#171717',\n 11: '#121212',\n 12: '#0a0a0a',\n },\n} as const\n\nexport type GrayColor = keyof typeof grayColors\n","// Semantic color mappings for common UI states\nexport const semanticColors = {\n success: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n warning: {\n 1: '#fffbeb',\n 2: '#fef3c7',\n 3: '#fde68a',\n 4: '#fcd34d',\n 5: '#fbbf24',\n 6: '#f59e0b',\n 7: '#d97706',\n 8: '#b45309',\n 9: '#92400e',\n 10: '#78350f',\n 11: '#451a03',\n 12: '#271005',\n },\n error: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n info: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n} as const\n\nexport type SemanticColor = keyof typeof semanticColors\n","export const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n} as const\n","export const fontSizes = {\n xs: '0.75rem',\n sm: '0.875rem',\n base: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem',\n '5xl': '3rem',\n '6xl': '3.75rem',\n '7xl': '4.5rem',\n '8xl': '6rem',\n '9xl': '8rem',\n} as const\n\nexport const fontWeights = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n extrabold: '800',\n black: '900',\n} as const\n\nexport const lineHeights = {\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n} as const\n\nexport const letterSpacings = {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n} as const\n\nexport const fontFamilies = {\n sans: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n} as const\n","export const radiusScale = {\n none: '0px',\n sm: '0.125rem',\n base: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n} as const\n\nexport const radiusPresets = {\n none: {\n sm: '0px',\n md: '0px',\n lg: '0px',\n full: '0px',\n },\n small: {\n sm: '0.125rem',\n md: '0.25rem',\n lg: '0.375rem',\n full: '9999px',\n },\n medium: {\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n full: '9999px',\n },\n large: {\n sm: '0.375rem',\n md: '0.5rem',\n lg: '0.75rem',\n full: '9999px',\n },\n full: {\n sm: '9999px',\n md: '9999px',\n lg: '9999px',\n full: '9999px',\n },\n} as const\n\nexport type RadiusPreset = keyof typeof radiusPresets\n","import type { AccentColor } from './colors/accents'\nimport type { GrayColor } from './colors/grays'\nimport type { RadiusPreset } from './radius'\n\nexport type Theme = 'light' | 'dark' | 'system'\n\nexport interface ThemeConfig {\n theme: Theme\n accentColor: AccentColor\n grayColor: GrayColor\n radius: RadiusPreset\n}\n\nexport const defaultThemeConfig: ThemeConfig = {\n theme: 'light',\n accentColor: 'violet',\n grayColor: 'slate',\n radius: 'medium',\n}\n\n// Light theme semantic tokens (using gray scale step numbers)\nexport const lightTheme = {\n background: 1, // gray-1\n foreground: 12, // gray-12\n card: 1, // gray-1\n cardForeground: 12, // gray-12\n popover: 1, // gray-1\n popoverForeground: 12,// gray-12\n muted: 2, // gray-2\n mutedForeground: 6, // gray-6\n border: 3, // gray-3\n input: 3, // gray-3\n ring: 6, // accent-6\n} as const\n\n// Dark theme semantic tokens (using gray scale step numbers)\nexport const darkTheme = {\n background: 10, // gray-10\n foreground: 1, // gray-1\n card: 9, // gray-9\n cardForeground: 1, // gray-1\n popover: 9, // gray-9\n popoverForeground: 1, // gray-1\n muted: 8, // gray-8\n mutedForeground: 5, // gray-5\n border: 8, // gray-8\n input: 8, // gray-8\n ring: 6, // accent-6\n} as const\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/colors/accents.ts","../src/colors/grays.ts","../src/colors/semantic.ts","../src/spacing.ts","../src/typography.ts","../src/radius.ts","../src/themes.ts"],"sourcesContent":["// Colors\nexport { accentColors, type AccentColor } from './colors/accents'\nexport { grayColors, type GrayColor } from './colors/grays'\nexport { semanticColors, type SemanticColor } from './colors/semantic'\n\n// Spacing\nexport { spacing } from './spacing'\n\n// Typography\nexport {\n fontSizes,\n fontWeights,\n lineHeights,\n letterSpacings,\n fontFamilies,\n} from './typography'\n\n// Radius\nexport { radiusScale, radiusPresets, type RadiusPreset } from './radius'\n\n// Themes\nexport {\n lightTheme,\n darkTheme,\n defaultThemeConfig,\n type Theme,\n type ThemeConfig,\n} from './themes'\n\n","export const accentColors = {\n purple: {\n 1: '#faf5ff',\n 2: '#f3e8ff',\n 3: '#e9d5ff',\n 4: '#d8b4fe',\n 5: '#c084fc',\n 6: '#a855f7',\n 7: '#9333ea',\n 8: '#7c3aed',\n 9: '#6d28d9',\n 10: '#5b21b6',\n 11: '#4c1d95',\n 12: '#2e1065',\n },\n blue: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n cyan: {\n 1: '#ecfeff',\n 2: '#cffafe',\n 3: '#a5f3fc',\n 4: '#67e8f9',\n 5: '#22d3ee',\n 6: '#06b6d4',\n 7: '#0891b2',\n 8: '#0e7490',\n 9: '#155e75',\n 10: '#164e63',\n 11: '#083344',\n 12: '#042f2e',\n },\n teal: {\n 1: '#f0fdfa',\n 2: '#ccfbf1',\n 3: '#99f6e4',\n 4: '#5eead4',\n 5: '#2dd4bf',\n 6: '#14b8a6',\n 7: '#0d9488',\n 8: '#0f766e',\n 9: '#115e59',\n 10: '#134e4a',\n 11: '#042f2e',\n 12: '#022322',\n },\n green: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n orange: {\n 1: '#fff7ed',\n 2: '#ffedd5',\n 3: '#fed7aa',\n 4: '#fdba74',\n 5: '#fb923c',\n 6: '#f97316',\n 7: '#ea580c',\n 8: '#c2410c',\n 9: '#9a3412',\n 10: '#7c2d12',\n 11: '#431407',\n 12: '#27130a',\n },\n red: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n pink: {\n 1: '#fdf2f8',\n 2: '#fce7f3',\n 3: '#fbcfe8',\n 4: '#f9a8d4',\n 5: '#f472b6',\n 6: '#ec4899',\n 7: '#db2777',\n 8: '#be185d',\n 9: '#9d174d',\n 10: '#831843',\n 11: '#500724',\n 12: '#2e0515',\n },\n // Violet — built around #6933d3 as step 6 (main interactive shade)\n violet: {\n 1: '#f8f5ff',\n 2: '#ede5ff',\n 3: '#d9ccff',\n 4: '#bea8f5',\n 5: '#9a6fe8',\n 6: '#6933d3',\n 7: '#5626b2',\n 8: '#441e92',\n 9: '#351970',\n 10: '#281050',\n 11: '#1b0a36',\n 12: '#100623',\n },\n} as const\n\nexport type AccentColor = keyof typeof accentColors\n","export const grayColors = {\n slate: {\n 1: '#f8fafc',\n 2: '#f1f5f9',\n 3: '#e2e8f0',\n 4: '#cbd5e1',\n 5: '#94a3b8',\n 6: '#64748b',\n 7: '#475569',\n 8: '#334155',\n 9: '#1e293b',\n 10: '#0f172a',\n 11: '#0d1424',\n 12: '#020617',\n },\n gray: {\n 1: '#f9fafb',\n 2: '#f3f4f6',\n 3: '#e5e7eb',\n 4: '#d1d5db',\n 5: '#9ca3af',\n 6: '#6b7280',\n 7: '#4b5563',\n 8: '#374151',\n 9: '#1f2937',\n 10: '#111827',\n 11: '#0d1117',\n 12: '#030712',\n },\n zinc: {\n 1: '#fafafa',\n 2: '#f4f4f5',\n 3: '#e4e4e7',\n 4: '#d4d4d8',\n 5: '#a1a1aa',\n 6: '#71717a',\n 7: '#52525b',\n 8: '#3f3f46',\n 9: '#27272a',\n 10: '#18181b',\n 11: '#131316',\n 12: '#09090b',\n },\n neutral: {\n 1: '#fafafa',\n 2: '#f5f5f5',\n 3: '#e5e5e5',\n 4: '#d4d4d4',\n 5: '#a3a3a3',\n 6: '#737373',\n 7: '#525252',\n 8: '#404040',\n 9: '#262626',\n 10: '#171717',\n 11: '#121212',\n 12: '#0a0a0a',\n },\n // Midnight: dark navy-blue gray scale inspired by professional dark consoles\n // Step 10 (#161d26) = page background, 9 (#1c2b3a) = card bg,\n // 5 (#545b64) = border, 3 (#c6c6cd) = body text, 2 (#ebebf0) = heading\n midnight: {\n 1: '#f7f8f9',\n 2: '#ebebf0',\n 3: '#c6c6cd',\n 4: '#8d9199',\n 5: '#545b64',\n 6: '#3d4752',\n 7: '#2d3748',\n 8: '#21303f',\n 9: '#1c2b3a',\n 10: '#161d26',\n 11: '#0f141a',\n 12: '#090d12',\n },\n} as const\n\nexport type GrayColor = keyof typeof grayColors\n","// Semantic color mappings for common UI states\nexport const semanticColors = {\n success: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n warning: {\n 1: '#fffbeb',\n 2: '#fef3c7',\n 3: '#fde68a',\n 4: '#fcd34d',\n 5: '#fbbf24',\n 6: '#f59e0b',\n 7: '#d97706',\n 8: '#b45309',\n 9: '#92400e',\n 10: '#78350f',\n 11: '#451a03',\n 12: '#271005',\n },\n error: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n info: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n} as const\n\nexport type SemanticColor = keyof typeof semanticColors\n","export const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n} as const\n","export const fontSizes = {\n xs: '0.75rem',\n sm: '0.875rem',\n base: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem',\n '5xl': '3rem',\n '6xl': '3.75rem',\n '7xl': '4.5rem',\n '8xl': '6rem',\n '9xl': '8rem',\n} as const\n\nexport const fontWeights = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n extrabold: '800',\n black: '900',\n} as const\n\nexport const lineHeights = {\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n} as const\n\nexport const letterSpacings = {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n} as const\n\nexport const fontFamilies = {\n sans: '\"DM Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n} as const\n\n","export const radiusScale = {\n none: '0px',\n sm: '0.125rem',\n base: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n} as const\n\nexport const radiusPresets = {\n none: {\n sm: '0px',\n md: '0px',\n lg: '0px',\n full: '0px',\n },\n small: {\n sm: '0.125rem',\n md: '0.25rem',\n lg: '0.375rem',\n full: '9999px',\n },\n medium: {\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n full: '9999px',\n },\n large: {\n sm: '0.375rem',\n md: '0.5rem',\n lg: '0.75rem',\n full: '9999px',\n },\n full: {\n sm: '9999px',\n md: '9999px',\n lg: '9999px',\n full: '9999px',\n },\n} as const\n\nexport type RadiusPreset = keyof typeof radiusPresets\n","import type { AccentColor } from './colors/accents'\nimport type { GrayColor } from './colors/grays'\nimport type { RadiusPreset } from './radius'\n\nexport type Theme = 'light' | 'dark' | 'system'\n\nexport interface ThemeConfig {\n theme: Theme\n accentColor: AccentColor\n grayColor: GrayColor\n radius: RadiusPreset\n}\n\nexport const defaultThemeConfig: ThemeConfig = {\n theme: 'light',\n accentColor: 'violet',\n grayColor: 'slate',\n radius: 'medium',\n}\n\n// Light theme semantic tokens (using gray scale step numbers, or a literal\n// hex value for surfaces that must stay pure white regardless of the chosen\n// gray palette — e.g. cards need to read as elevated above the gray-1 page\n// background, not the same shade as it)\nexport const lightTheme = {\n background: 1, // gray-1\n foreground: 12, // gray-12\n card: '#ffffff', // pure white — distinct from the gray-1 page background\n cardForeground: 12, // gray-12\n popover: '#ffffff', // pure white\n popoverForeground: 12,// gray-12\n muted: 2, // gray-2\n mutedForeground: 6, // gray-6\n border: 3, // gray-3\n input: 3, // gray-3\n ring: 6, // accent-6\n} as const\n\n// Dark theme semantic tokens (using gray scale step numbers)\nexport const darkTheme = {\n background: 10, // gray-10\n foreground: 1, // gray-1\n card: 9, // gray-9\n cardForeground: 1, // gray-1\n popover: 9, // gray-9\n popoverForeground: 1, // gray-1\n muted: 8, // gray-8\n mutedForeground: 5, // gray-5\n border: 8, // gray-8\n input: 8, // gray-8\n ring: 6, // accent-6\n} as const\n"],"mappings":"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","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -185,6 +185,20 @@ declare const grayColors: {
|
|
|
185
185
|
readonly 11: "#121212";
|
|
186
186
|
readonly 12: "#0a0a0a";
|
|
187
187
|
};
|
|
188
|
+
readonly midnight: {
|
|
189
|
+
readonly 1: "#f7f8f9";
|
|
190
|
+
readonly 2: "#ebebf0";
|
|
191
|
+
readonly 3: "#c6c6cd";
|
|
192
|
+
readonly 4: "#8d9199";
|
|
193
|
+
readonly 5: "#545b64";
|
|
194
|
+
readonly 6: "#3d4752";
|
|
195
|
+
readonly 7: "#2d3748";
|
|
196
|
+
readonly 8: "#21303f";
|
|
197
|
+
readonly 9: "#1c2b3a";
|
|
198
|
+
readonly 10: "#161d26";
|
|
199
|
+
readonly 11: "#0f141a";
|
|
200
|
+
readonly 12: "#090d12";
|
|
201
|
+
};
|
|
188
202
|
};
|
|
189
203
|
type GrayColor = keyof typeof grayColors;
|
|
190
204
|
|
|
@@ -329,7 +343,7 @@ declare const letterSpacings: {
|
|
|
329
343
|
readonly widest: "0.1em";
|
|
330
344
|
};
|
|
331
345
|
declare const fontFamilies: {
|
|
332
|
-
readonly sans: "
|
|
346
|
+
readonly sans: "\"DM Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
|
|
333
347
|
readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
|
|
334
348
|
};
|
|
335
349
|
|
|
@@ -389,9 +403,9 @@ declare const defaultThemeConfig: ThemeConfig;
|
|
|
389
403
|
declare const lightTheme: {
|
|
390
404
|
readonly background: 1;
|
|
391
405
|
readonly foreground: 12;
|
|
392
|
-
readonly card:
|
|
406
|
+
readonly card: "#ffffff";
|
|
393
407
|
readonly cardForeground: 12;
|
|
394
|
-
readonly popover:
|
|
408
|
+
readonly popover: "#ffffff";
|
|
395
409
|
readonly popoverForeground: 12;
|
|
396
410
|
readonly muted: 2;
|
|
397
411
|
readonly mutedForeground: 6;
|
package/dist/index.d.ts
CHANGED
|
@@ -185,6 +185,20 @@ declare const grayColors: {
|
|
|
185
185
|
readonly 11: "#121212";
|
|
186
186
|
readonly 12: "#0a0a0a";
|
|
187
187
|
};
|
|
188
|
+
readonly midnight: {
|
|
189
|
+
readonly 1: "#f7f8f9";
|
|
190
|
+
readonly 2: "#ebebf0";
|
|
191
|
+
readonly 3: "#c6c6cd";
|
|
192
|
+
readonly 4: "#8d9199";
|
|
193
|
+
readonly 5: "#545b64";
|
|
194
|
+
readonly 6: "#3d4752";
|
|
195
|
+
readonly 7: "#2d3748";
|
|
196
|
+
readonly 8: "#21303f";
|
|
197
|
+
readonly 9: "#1c2b3a";
|
|
198
|
+
readonly 10: "#161d26";
|
|
199
|
+
readonly 11: "#0f141a";
|
|
200
|
+
readonly 12: "#090d12";
|
|
201
|
+
};
|
|
188
202
|
};
|
|
189
203
|
type GrayColor = keyof typeof grayColors;
|
|
190
204
|
|
|
@@ -329,7 +343,7 @@ declare const letterSpacings: {
|
|
|
329
343
|
readonly widest: "0.1em";
|
|
330
344
|
};
|
|
331
345
|
declare const fontFamilies: {
|
|
332
|
-
readonly sans: "
|
|
346
|
+
readonly sans: "\"DM Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
|
|
333
347
|
readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
|
|
334
348
|
};
|
|
335
349
|
|
|
@@ -389,9 +403,9 @@ declare const defaultThemeConfig: ThemeConfig;
|
|
|
389
403
|
declare const lightTheme: {
|
|
390
404
|
readonly background: 1;
|
|
391
405
|
readonly foreground: 12;
|
|
392
|
-
readonly card:
|
|
406
|
+
readonly card: "#ffffff";
|
|
393
407
|
readonly cardForeground: 12;
|
|
394
|
-
readonly popover:
|
|
408
|
+
readonly popover: "#ffffff";
|
|
395
409
|
readonly popoverForeground: 12;
|
|
396
410
|
readonly muted: 2;
|
|
397
411
|
readonly mutedForeground: 6;
|
package/dist/index.js
CHANGED
|
@@ -186,6 +186,23 @@ var grayColors = {
|
|
|
186
186
|
10: "#171717",
|
|
187
187
|
11: "#121212",
|
|
188
188
|
12: "#0a0a0a"
|
|
189
|
+
},
|
|
190
|
+
// Midnight: dark navy-blue gray scale inspired by professional dark consoles
|
|
191
|
+
// Step 10 (#161d26) = page background, 9 (#1c2b3a) = card bg,
|
|
192
|
+
// 5 (#545b64) = border, 3 (#c6c6cd) = body text, 2 (#ebebf0) = heading
|
|
193
|
+
midnight: {
|
|
194
|
+
1: "#f7f8f9",
|
|
195
|
+
2: "#ebebf0",
|
|
196
|
+
3: "#c6c6cd",
|
|
197
|
+
4: "#8d9199",
|
|
198
|
+
5: "#545b64",
|
|
199
|
+
6: "#3d4752",
|
|
200
|
+
7: "#2d3748",
|
|
201
|
+
8: "#21303f",
|
|
202
|
+
9: "#1c2b3a",
|
|
203
|
+
10: "#161d26",
|
|
204
|
+
11: "#0f141a",
|
|
205
|
+
12: "#090d12"
|
|
189
206
|
}
|
|
190
207
|
};
|
|
191
208
|
|
|
@@ -332,7 +349,7 @@ var letterSpacings = {
|
|
|
332
349
|
widest: "0.1em"
|
|
333
350
|
};
|
|
334
351
|
var fontFamilies = {
|
|
335
|
-
sans: '
|
|
352
|
+
sans: '"DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
336
353
|
mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
|
|
337
354
|
};
|
|
338
355
|
|
|
@@ -393,12 +410,12 @@ var lightTheme = {
|
|
|
393
410
|
// gray-1
|
|
394
411
|
foreground: 12,
|
|
395
412
|
// gray-12
|
|
396
|
-
card:
|
|
397
|
-
// gray-1
|
|
413
|
+
card: "#ffffff",
|
|
414
|
+
// pure white — distinct from the gray-1 page background
|
|
398
415
|
cardForeground: 12,
|
|
399
416
|
// gray-12
|
|
400
|
-
popover:
|
|
401
|
-
//
|
|
417
|
+
popover: "#ffffff",
|
|
418
|
+
// pure white
|
|
402
419
|
popoverForeground: 12,
|
|
403
420
|
// gray-12
|
|
404
421
|
muted: 2,
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/colors/accents.ts","../src/colors/grays.ts","../src/colors/semantic.ts","../src/spacing.ts","../src/typography.ts","../src/radius.ts","../src/themes.ts"],"sourcesContent":["export const accentColors = {\n purple: {\n 1: '#faf5ff',\n 2: '#f3e8ff',\n 3: '#e9d5ff',\n 4: '#d8b4fe',\n 5: '#c084fc',\n 6: '#a855f7',\n 7: '#9333ea',\n 8: '#7c3aed',\n 9: '#6d28d9',\n 10: '#5b21b6',\n 11: '#4c1d95',\n 12: '#2e1065',\n },\n blue: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n cyan: {\n 1: '#ecfeff',\n 2: '#cffafe',\n 3: '#a5f3fc',\n 4: '#67e8f9',\n 5: '#22d3ee',\n 6: '#06b6d4',\n 7: '#0891b2',\n 8: '#0e7490',\n 9: '#155e75',\n 10: '#164e63',\n 11: '#083344',\n 12: '#042f2e',\n },\n teal: {\n 1: '#f0fdfa',\n 2: '#ccfbf1',\n 3: '#99f6e4',\n 4: '#5eead4',\n 5: '#2dd4bf',\n 6: '#14b8a6',\n 7: '#0d9488',\n 8: '#0f766e',\n 9: '#115e59',\n 10: '#134e4a',\n 11: '#042f2e',\n 12: '#022322',\n },\n green: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n orange: {\n 1: '#fff7ed',\n 2: '#ffedd5',\n 3: '#fed7aa',\n 4: '#fdba74',\n 5: '#fb923c',\n 6: '#f97316',\n 7: '#ea580c',\n 8: '#c2410c',\n 9: '#9a3412',\n 10: '#7c2d12',\n 11: '#431407',\n 12: '#27130a',\n },\n red: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n pink: {\n 1: '#fdf2f8',\n 2: '#fce7f3',\n 3: '#fbcfe8',\n 4: '#f9a8d4',\n 5: '#f472b6',\n 6: '#ec4899',\n 7: '#db2777',\n 8: '#be185d',\n 9: '#9d174d',\n 10: '#831843',\n 11: '#500724',\n 12: '#2e0515',\n },\n // Violet — built around #6933d3 as step 6 (main interactive shade)\n violet: {\n 1: '#f8f5ff',\n 2: '#ede5ff',\n 3: '#d9ccff',\n 4: '#bea8f5',\n 5: '#9a6fe8',\n 6: '#6933d3',\n 7: '#5626b2',\n 8: '#441e92',\n 9: '#351970',\n 10: '#281050',\n 11: '#1b0a36',\n 12: '#100623',\n },\n} as const\n\nexport type AccentColor = keyof typeof accentColors\n","export const grayColors = {\n slate: {\n 1: '#f8fafc',\n 2: '#f1f5f9',\n 3: '#e2e8f0',\n 4: '#cbd5e1',\n 5: '#94a3b8',\n 6: '#64748b',\n 7: '#475569',\n 8: '#334155',\n 9: '#1e293b',\n 10: '#0f172a',\n 11: '#0d1424',\n 12: '#020617',\n },\n gray: {\n 1: '#f9fafb',\n 2: '#f3f4f6',\n 3: '#e5e7eb',\n 4: '#d1d5db',\n 5: '#9ca3af',\n 6: '#6b7280',\n 7: '#4b5563',\n 8: '#374151',\n 9: '#1f2937',\n 10: '#111827',\n 11: '#0d1117',\n 12: '#030712',\n },\n zinc: {\n 1: '#fafafa',\n 2: '#f4f4f5',\n 3: '#e4e4e7',\n 4: '#d4d4d8',\n 5: '#a1a1aa',\n 6: '#71717a',\n 7: '#52525b',\n 8: '#3f3f46',\n 9: '#27272a',\n 10: '#18181b',\n 11: '#131316',\n 12: '#09090b',\n },\n neutral: {\n 1: '#fafafa',\n 2: '#f5f5f5',\n 3: '#e5e5e5',\n 4: '#d4d4d4',\n 5: '#a3a3a3',\n 6: '#737373',\n 7: '#525252',\n 8: '#404040',\n 9: '#262626',\n 10: '#171717',\n 11: '#121212',\n 12: '#0a0a0a',\n },\n} as const\n\nexport type GrayColor = keyof typeof grayColors\n","// Semantic color mappings for common UI states\nexport const semanticColors = {\n success: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n warning: {\n 1: '#fffbeb',\n 2: '#fef3c7',\n 3: '#fde68a',\n 4: '#fcd34d',\n 5: '#fbbf24',\n 6: '#f59e0b',\n 7: '#d97706',\n 8: '#b45309',\n 9: '#92400e',\n 10: '#78350f',\n 11: '#451a03',\n 12: '#271005',\n },\n error: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n info: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n} as const\n\nexport type SemanticColor = keyof typeof semanticColors\n","export const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n} as const\n","export const fontSizes = {\n xs: '0.75rem',\n sm: '0.875rem',\n base: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem',\n '5xl': '3rem',\n '6xl': '3.75rem',\n '7xl': '4.5rem',\n '8xl': '6rem',\n '9xl': '8rem',\n} as const\n\nexport const fontWeights = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n extrabold: '800',\n black: '900',\n} as const\n\nexport const lineHeights = {\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n} as const\n\nexport const letterSpacings = {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n} as const\n\nexport const fontFamilies = {\n sans: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n} as const\n","export const radiusScale = {\n none: '0px',\n sm: '0.125rem',\n base: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n} as const\n\nexport const radiusPresets = {\n none: {\n sm: '0px',\n md: '0px',\n lg: '0px',\n full: '0px',\n },\n small: {\n sm: '0.125rem',\n md: '0.25rem',\n lg: '0.375rem',\n full: '9999px',\n },\n medium: {\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n full: '9999px',\n },\n large: {\n sm: '0.375rem',\n md: '0.5rem',\n lg: '0.75rem',\n full: '9999px',\n },\n full: {\n sm: '9999px',\n md: '9999px',\n lg: '9999px',\n full: '9999px',\n },\n} as const\n\nexport type RadiusPreset = keyof typeof radiusPresets\n","import type { AccentColor } from './colors/accents'\nimport type { GrayColor } from './colors/grays'\nimport type { RadiusPreset } from './radius'\n\nexport type Theme = 'light' | 'dark' | 'system'\n\nexport interface ThemeConfig {\n theme: Theme\n accentColor: AccentColor\n grayColor: GrayColor\n radius: RadiusPreset\n}\n\nexport const defaultThemeConfig: ThemeConfig = {\n theme: 'light',\n accentColor: 'violet',\n grayColor: 'slate',\n radius: 'medium',\n}\n\n// Light theme semantic tokens (using gray scale step numbers)\nexport const lightTheme = {\n background: 1, // gray-1\n foreground: 12, // gray-12\n card: 1, // gray-1\n cardForeground: 12, // gray-12\n popover: 1, // gray-1\n popoverForeground: 12,// gray-12\n muted: 2, // gray-2\n mutedForeground: 6, // gray-6\n border: 3, // gray-3\n input: 3, // gray-3\n ring: 6, // accent-6\n} as const\n\n// Dark theme semantic tokens (using gray scale step numbers)\nexport const darkTheme = {\n background: 10, // gray-10\n foreground: 1, // gray-1\n card: 9, // gray-9\n cardForeground: 1, // gray-1\n popover: 9, // gray-9\n popoverForeground: 1, // gray-1\n muted: 8, // gray-8\n mutedForeground: 5, // gray-5\n border: 8, // gray-8\n input: 8, // gray-8\n ring: 6, // accent-6\n} as const\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/colors/accents.ts","../src/colors/grays.ts","../src/colors/semantic.ts","../src/spacing.ts","../src/typography.ts","../src/radius.ts","../src/themes.ts"],"sourcesContent":["export const accentColors = {\n purple: {\n 1: '#faf5ff',\n 2: '#f3e8ff',\n 3: '#e9d5ff',\n 4: '#d8b4fe',\n 5: '#c084fc',\n 6: '#a855f7',\n 7: '#9333ea',\n 8: '#7c3aed',\n 9: '#6d28d9',\n 10: '#5b21b6',\n 11: '#4c1d95',\n 12: '#2e1065',\n },\n blue: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n cyan: {\n 1: '#ecfeff',\n 2: '#cffafe',\n 3: '#a5f3fc',\n 4: '#67e8f9',\n 5: '#22d3ee',\n 6: '#06b6d4',\n 7: '#0891b2',\n 8: '#0e7490',\n 9: '#155e75',\n 10: '#164e63',\n 11: '#083344',\n 12: '#042f2e',\n },\n teal: {\n 1: '#f0fdfa',\n 2: '#ccfbf1',\n 3: '#99f6e4',\n 4: '#5eead4',\n 5: '#2dd4bf',\n 6: '#14b8a6',\n 7: '#0d9488',\n 8: '#0f766e',\n 9: '#115e59',\n 10: '#134e4a',\n 11: '#042f2e',\n 12: '#022322',\n },\n green: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n orange: {\n 1: '#fff7ed',\n 2: '#ffedd5',\n 3: '#fed7aa',\n 4: '#fdba74',\n 5: '#fb923c',\n 6: '#f97316',\n 7: '#ea580c',\n 8: '#c2410c',\n 9: '#9a3412',\n 10: '#7c2d12',\n 11: '#431407',\n 12: '#27130a',\n },\n red: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n pink: {\n 1: '#fdf2f8',\n 2: '#fce7f3',\n 3: '#fbcfe8',\n 4: '#f9a8d4',\n 5: '#f472b6',\n 6: '#ec4899',\n 7: '#db2777',\n 8: '#be185d',\n 9: '#9d174d',\n 10: '#831843',\n 11: '#500724',\n 12: '#2e0515',\n },\n // Violet — built around #6933d3 as step 6 (main interactive shade)\n violet: {\n 1: '#f8f5ff',\n 2: '#ede5ff',\n 3: '#d9ccff',\n 4: '#bea8f5',\n 5: '#9a6fe8',\n 6: '#6933d3',\n 7: '#5626b2',\n 8: '#441e92',\n 9: '#351970',\n 10: '#281050',\n 11: '#1b0a36',\n 12: '#100623',\n },\n} as const\n\nexport type AccentColor = keyof typeof accentColors\n","export const grayColors = {\n slate: {\n 1: '#f8fafc',\n 2: '#f1f5f9',\n 3: '#e2e8f0',\n 4: '#cbd5e1',\n 5: '#94a3b8',\n 6: '#64748b',\n 7: '#475569',\n 8: '#334155',\n 9: '#1e293b',\n 10: '#0f172a',\n 11: '#0d1424',\n 12: '#020617',\n },\n gray: {\n 1: '#f9fafb',\n 2: '#f3f4f6',\n 3: '#e5e7eb',\n 4: '#d1d5db',\n 5: '#9ca3af',\n 6: '#6b7280',\n 7: '#4b5563',\n 8: '#374151',\n 9: '#1f2937',\n 10: '#111827',\n 11: '#0d1117',\n 12: '#030712',\n },\n zinc: {\n 1: '#fafafa',\n 2: '#f4f4f5',\n 3: '#e4e4e7',\n 4: '#d4d4d8',\n 5: '#a1a1aa',\n 6: '#71717a',\n 7: '#52525b',\n 8: '#3f3f46',\n 9: '#27272a',\n 10: '#18181b',\n 11: '#131316',\n 12: '#09090b',\n },\n neutral: {\n 1: '#fafafa',\n 2: '#f5f5f5',\n 3: '#e5e5e5',\n 4: '#d4d4d4',\n 5: '#a3a3a3',\n 6: '#737373',\n 7: '#525252',\n 8: '#404040',\n 9: '#262626',\n 10: '#171717',\n 11: '#121212',\n 12: '#0a0a0a',\n },\n // Midnight: dark navy-blue gray scale inspired by professional dark consoles\n // Step 10 (#161d26) = page background, 9 (#1c2b3a) = card bg,\n // 5 (#545b64) = border, 3 (#c6c6cd) = body text, 2 (#ebebf0) = heading\n midnight: {\n 1: '#f7f8f9',\n 2: '#ebebf0',\n 3: '#c6c6cd',\n 4: '#8d9199',\n 5: '#545b64',\n 6: '#3d4752',\n 7: '#2d3748',\n 8: '#21303f',\n 9: '#1c2b3a',\n 10: '#161d26',\n 11: '#0f141a',\n 12: '#090d12',\n },\n} as const\n\nexport type GrayColor = keyof typeof grayColors\n","// Semantic color mappings for common UI states\nexport const semanticColors = {\n success: {\n 1: '#f0fdf4',\n 2: '#dcfce7',\n 3: '#bbf7d0',\n 4: '#86efac',\n 5: '#4ade80',\n 6: '#22c55e',\n 7: '#16a34a',\n 8: '#15803d',\n 9: '#166534',\n 10: '#14532d',\n 11: '#052e16',\n 12: '#022c0d',\n },\n warning: {\n 1: '#fffbeb',\n 2: '#fef3c7',\n 3: '#fde68a',\n 4: '#fcd34d',\n 5: '#fbbf24',\n 6: '#f59e0b',\n 7: '#d97706',\n 8: '#b45309',\n 9: '#92400e',\n 10: '#78350f',\n 11: '#451a03',\n 12: '#271005',\n },\n error: {\n 1: '#fef2f2',\n 2: '#fee2e2',\n 3: '#fecaca',\n 4: '#fca5a5',\n 5: '#f87171',\n 6: '#ef4444',\n 7: '#dc2626',\n 8: '#b91c1c',\n 9: '#991b1b',\n 10: '#7f1d1d',\n 11: '#450a0a',\n 12: '#2a0808',\n },\n info: {\n 1: '#eff6ff',\n 2: '#dbeafe',\n 3: '#bfdbfe',\n 4: '#93c5fd',\n 5: '#60a5fa',\n 6: '#3b82f6',\n 7: '#2563eb',\n 8: '#1d4ed8',\n 9: '#1e40af',\n 10: '#1e3a8a',\n 11: '#172554',\n 12: '#0c1a3d',\n },\n} as const\n\nexport type SemanticColor = keyof typeof semanticColors\n","export const spacing = {\n 0: '0px',\n px: '1px',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n} as const\n","export const fontSizes = {\n xs: '0.75rem',\n sm: '0.875rem',\n base: '1rem',\n lg: '1.125rem',\n xl: '1.25rem',\n '2xl': '1.5rem',\n '3xl': '1.875rem',\n '4xl': '2.25rem',\n '5xl': '3rem',\n '6xl': '3.75rem',\n '7xl': '4.5rem',\n '8xl': '6rem',\n '9xl': '8rem',\n} as const\n\nexport const fontWeights = {\n thin: '100',\n extralight: '200',\n light: '300',\n normal: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n extrabold: '800',\n black: '900',\n} as const\n\nexport const lineHeights = {\n none: '1',\n tight: '1.25',\n snug: '1.375',\n normal: '1.5',\n relaxed: '1.625',\n loose: '2',\n} as const\n\nexport const letterSpacings = {\n tighter: '-0.05em',\n tight: '-0.025em',\n normal: '0em',\n wide: '0.025em',\n wider: '0.05em',\n widest: '0.1em',\n} as const\n\nexport const fontFamilies = {\n sans: '\"DM Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n mono: 'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace',\n} as const\n\n","export const radiusScale = {\n none: '0px',\n sm: '0.125rem',\n base: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n xl: '0.75rem',\n '2xl': '1rem',\n '3xl': '1.5rem',\n full: '9999px',\n} as const\n\nexport const radiusPresets = {\n none: {\n sm: '0px',\n md: '0px',\n lg: '0px',\n full: '0px',\n },\n small: {\n sm: '0.125rem',\n md: '0.25rem',\n lg: '0.375rem',\n full: '9999px',\n },\n medium: {\n sm: '0.25rem',\n md: '0.375rem',\n lg: '0.5rem',\n full: '9999px',\n },\n large: {\n sm: '0.375rem',\n md: '0.5rem',\n lg: '0.75rem',\n full: '9999px',\n },\n full: {\n sm: '9999px',\n md: '9999px',\n lg: '9999px',\n full: '9999px',\n },\n} as const\n\nexport type RadiusPreset = keyof typeof radiusPresets\n","import type { AccentColor } from './colors/accents'\nimport type { GrayColor } from './colors/grays'\nimport type { RadiusPreset } from './radius'\n\nexport type Theme = 'light' | 'dark' | 'system'\n\nexport interface ThemeConfig {\n theme: Theme\n accentColor: AccentColor\n grayColor: GrayColor\n radius: RadiusPreset\n}\n\nexport const defaultThemeConfig: ThemeConfig = {\n theme: 'light',\n accentColor: 'violet',\n grayColor: 'slate',\n radius: 'medium',\n}\n\n// Light theme semantic tokens (using gray scale step numbers, or a literal\n// hex value for surfaces that must stay pure white regardless of the chosen\n// gray palette — e.g. cards need to read as elevated above the gray-1 page\n// background, not the same shade as it)\nexport const lightTheme = {\n background: 1, // gray-1\n foreground: 12, // gray-12\n card: '#ffffff', // pure white — distinct from the gray-1 page background\n cardForeground: 12, // gray-12\n popover: '#ffffff', // pure white\n popoverForeground: 12,// gray-12\n muted: 2, // gray-2\n mutedForeground: 6, // gray-6\n border: 3, // gray-3\n input: 3, // gray-3\n ring: 6, // accent-6\n} as const\n\n// Dark theme semantic tokens (using gray scale step numbers)\nexport const darkTheme = {\n background: 10, // gray-10\n foreground: 1, // gray-1\n card: 9, // gray-9\n cardForeground: 1, // gray-1\n popover: 9, // gray-9\n popoverForeground: 1, // gray-1\n muted: 8, // gray-8\n mutedForeground: 5, // gray-5\n border: 8, // gray-8\n input: 8, // gray-8\n ring: 6, // accent-6\n} as const\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onesaz/tokens",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "Design tokens for Onesaz UI component library - colors, spacing, typography, and theming",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -34,7 +34,9 @@
|
|
|
34
34
|
"require": "./dist/index.cjs"
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
|
-
"files": [
|
|
37
|
+
"files": [
|
|
38
|
+
"dist"
|
|
39
|
+
],
|
|
38
40
|
"scripts": {
|
|
39
41
|
"build": "tsup",
|
|
40
42
|
"dev": "tsup --watch",
|