@onesaz/tokens 0.1.1 → 0.1.3
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 +34 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +29 -1
- package/dist/index.d.ts +29 -1
- package/dist/index.js +34 -2
- package/dist/index.js.map +1 -1
- package/package.json +4 -2
package/dist/index.cjs
CHANGED
|
@@ -150,6 +150,21 @@ var accentColors = {
|
|
|
150
150
|
10: "#831843",
|
|
151
151
|
11: "#500724",
|
|
152
152
|
12: "#2e0515"
|
|
153
|
+
},
|
|
154
|
+
// Violet — built around #6933d3 as step 6 (main interactive shade)
|
|
155
|
+
violet: {
|
|
156
|
+
1: "#f8f5ff",
|
|
157
|
+
2: "#ede5ff",
|
|
158
|
+
3: "#d9ccff",
|
|
159
|
+
4: "#bea8f5",
|
|
160
|
+
5: "#9a6fe8",
|
|
161
|
+
6: "#6933d3",
|
|
162
|
+
7: "#5626b2",
|
|
163
|
+
8: "#441e92",
|
|
164
|
+
9: "#351970",
|
|
165
|
+
10: "#281050",
|
|
166
|
+
11: "#1b0a36",
|
|
167
|
+
12: "#100623"
|
|
153
168
|
}
|
|
154
169
|
};
|
|
155
170
|
|
|
@@ -210,6 +225,23 @@ var grayColors = {
|
|
|
210
225
|
10: "#171717",
|
|
211
226
|
11: "#121212",
|
|
212
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"
|
|
213
245
|
}
|
|
214
246
|
};
|
|
215
247
|
|
|
@@ -356,7 +388,7 @@ var letterSpacings = {
|
|
|
356
388
|
widest: "0.1em"
|
|
357
389
|
};
|
|
358
390
|
var fontFamilies = {
|
|
359
|
-
sans: '
|
|
391
|
+
sans: '"DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
360
392
|
mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
|
|
361
393
|
};
|
|
362
394
|
|
|
@@ -408,7 +440,7 @@ var radiusPresets = {
|
|
|
408
440
|
// src/themes.ts
|
|
409
441
|
var defaultThemeConfig = {
|
|
410
442
|
theme: "light",
|
|
411
|
-
accentColor: "
|
|
443
|
+
accentColor: "violet",
|
|
412
444
|
grayColor: "slate",
|
|
413
445
|
radius: "medium"
|
|
414
446
|
};
|
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} 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: 'purple',\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)\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,KAAK;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA;AAAA,EAEA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;;;AChIO,IAAM,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU;AAAA,IACR,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,GAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;;;ACzEO,IAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AACF;;;AC1DO,IAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,KAAK;AAAA,EACL,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;;;ACpCO,IAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACT;AAEO,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AACT;AAEO,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACT;AAEO,IAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEO,IAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AACR;;;ACjDO,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAEO,IAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF;;;AC9BO,IAAM,qBAAkC;AAAA,EAC7C,OAAO;AAAA,EACP,aAAa;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AACV;AAGO,IAAM,aAAa;AAAA,EACxB,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,MAAM;AAAA;AAAA,EACN,gBAAgB;AAAA;AAAA,EAChB,SAAS;AAAA;AAAA,EACT,mBAAmB;AAAA;AAAA,EACnB,OAAO;AAAA;AAAA,EACP,iBAAiB;AAAA;AAAA,EACjB,QAAQ;AAAA;AAAA,EACR,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AACR;AAGO,IAAM,YAAY;AAAA,EACvB,YAAY;AAAA;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,MAAM;AAAA;AAAA,EACN,gBAAgB;AAAA;AAAA,EAChB,SAAS;AAAA;AAAA,EACT,mBAAmB;AAAA;AAAA,EACnB,OAAO;AAAA;AAAA,EACP,iBAAiB;AAAA;AAAA,EACjB,QAAQ;AAAA;AAAA,EACR,OAAO;AAAA;AAAA,EACP,MAAM;AAAA;AACR;","names":[]}
|
package/dist/index.d.cts
CHANGED
|
@@ -111,6 +111,20 @@ declare const accentColors: {
|
|
|
111
111
|
readonly 11: "#500724";
|
|
112
112
|
readonly 12: "#2e0515";
|
|
113
113
|
};
|
|
114
|
+
readonly violet: {
|
|
115
|
+
readonly 1: "#f8f5ff";
|
|
116
|
+
readonly 2: "#ede5ff";
|
|
117
|
+
readonly 3: "#d9ccff";
|
|
118
|
+
readonly 4: "#bea8f5";
|
|
119
|
+
readonly 5: "#9a6fe8";
|
|
120
|
+
readonly 6: "#6933d3";
|
|
121
|
+
readonly 7: "#5626b2";
|
|
122
|
+
readonly 8: "#441e92";
|
|
123
|
+
readonly 9: "#351970";
|
|
124
|
+
readonly 10: "#281050";
|
|
125
|
+
readonly 11: "#1b0a36";
|
|
126
|
+
readonly 12: "#100623";
|
|
127
|
+
};
|
|
114
128
|
};
|
|
115
129
|
type AccentColor = keyof typeof accentColors;
|
|
116
130
|
|
|
@@ -171,6 +185,20 @@ declare const grayColors: {
|
|
|
171
185
|
readonly 11: "#121212";
|
|
172
186
|
readonly 12: "#0a0a0a";
|
|
173
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
|
+
};
|
|
174
202
|
};
|
|
175
203
|
type GrayColor = keyof typeof grayColors;
|
|
176
204
|
|
|
@@ -315,7 +343,7 @@ declare const letterSpacings: {
|
|
|
315
343
|
readonly widest: "0.1em";
|
|
316
344
|
};
|
|
317
345
|
declare const fontFamilies: {
|
|
318
|
-
readonly sans: "
|
|
346
|
+
readonly sans: "\"DM Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
|
|
319
347
|
readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
|
|
320
348
|
};
|
|
321
349
|
|
package/dist/index.d.ts
CHANGED
|
@@ -111,6 +111,20 @@ declare const accentColors: {
|
|
|
111
111
|
readonly 11: "#500724";
|
|
112
112
|
readonly 12: "#2e0515";
|
|
113
113
|
};
|
|
114
|
+
readonly violet: {
|
|
115
|
+
readonly 1: "#f8f5ff";
|
|
116
|
+
readonly 2: "#ede5ff";
|
|
117
|
+
readonly 3: "#d9ccff";
|
|
118
|
+
readonly 4: "#bea8f5";
|
|
119
|
+
readonly 5: "#9a6fe8";
|
|
120
|
+
readonly 6: "#6933d3";
|
|
121
|
+
readonly 7: "#5626b2";
|
|
122
|
+
readonly 8: "#441e92";
|
|
123
|
+
readonly 9: "#351970";
|
|
124
|
+
readonly 10: "#281050";
|
|
125
|
+
readonly 11: "#1b0a36";
|
|
126
|
+
readonly 12: "#100623";
|
|
127
|
+
};
|
|
114
128
|
};
|
|
115
129
|
type AccentColor = keyof typeof accentColors;
|
|
116
130
|
|
|
@@ -171,6 +185,20 @@ declare const grayColors: {
|
|
|
171
185
|
readonly 11: "#121212";
|
|
172
186
|
readonly 12: "#0a0a0a";
|
|
173
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
|
+
};
|
|
174
202
|
};
|
|
175
203
|
type GrayColor = keyof typeof grayColors;
|
|
176
204
|
|
|
@@ -315,7 +343,7 @@ declare const letterSpacings: {
|
|
|
315
343
|
readonly widest: "0.1em";
|
|
316
344
|
};
|
|
317
345
|
declare const fontFamilies: {
|
|
318
|
-
readonly sans: "
|
|
346
|
+
readonly sans: "\"DM Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
|
|
319
347
|
readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
|
|
320
348
|
};
|
|
321
349
|
|
package/dist/index.js
CHANGED
|
@@ -111,6 +111,21 @@ var accentColors = {
|
|
|
111
111
|
10: "#831843",
|
|
112
112
|
11: "#500724",
|
|
113
113
|
12: "#2e0515"
|
|
114
|
+
},
|
|
115
|
+
// Violet — built around #6933d3 as step 6 (main interactive shade)
|
|
116
|
+
violet: {
|
|
117
|
+
1: "#f8f5ff",
|
|
118
|
+
2: "#ede5ff",
|
|
119
|
+
3: "#d9ccff",
|
|
120
|
+
4: "#bea8f5",
|
|
121
|
+
5: "#9a6fe8",
|
|
122
|
+
6: "#6933d3",
|
|
123
|
+
7: "#5626b2",
|
|
124
|
+
8: "#441e92",
|
|
125
|
+
9: "#351970",
|
|
126
|
+
10: "#281050",
|
|
127
|
+
11: "#1b0a36",
|
|
128
|
+
12: "#100623"
|
|
114
129
|
}
|
|
115
130
|
};
|
|
116
131
|
|
|
@@ -171,6 +186,23 @@ var grayColors = {
|
|
|
171
186
|
10: "#171717",
|
|
172
187
|
11: "#121212",
|
|
173
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"
|
|
174
206
|
}
|
|
175
207
|
};
|
|
176
208
|
|
|
@@ -317,7 +349,7 @@ var letterSpacings = {
|
|
|
317
349
|
widest: "0.1em"
|
|
318
350
|
};
|
|
319
351
|
var fontFamilies = {
|
|
320
|
-
sans: '
|
|
352
|
+
sans: '"DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
321
353
|
mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
|
|
322
354
|
};
|
|
323
355
|
|
|
@@ -369,7 +401,7 @@ var radiusPresets = {
|
|
|
369
401
|
// src/themes.ts
|
|
370
402
|
var defaultThemeConfig = {
|
|
371
403
|
theme: "light",
|
|
372
|
-
accentColor: "
|
|
404
|
+
accentColor: "violet",
|
|
373
405
|
grayColor: "slate",
|
|
374
406
|
radius: "medium"
|
|
375
407
|
};
|
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} 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: 'purple',\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)\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":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onesaz/tokens",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
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",
|