@onesaz/tokens 0.1.0

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.js ADDED
@@ -0,0 +1,440 @@
1
+ // src/colors/accents.ts
2
+ var accentColors = {
3
+ purple: {
4
+ 1: "#faf5ff",
5
+ 2: "#f3e8ff",
6
+ 3: "#e9d5ff",
7
+ 4: "#d8b4fe",
8
+ 5: "#c084fc",
9
+ 6: "#a855f7",
10
+ 7: "#9333ea",
11
+ 8: "#7c3aed",
12
+ 9: "#6d28d9",
13
+ 10: "#5b21b6",
14
+ 11: "#4c1d95",
15
+ 12: "#2e1065"
16
+ },
17
+ blue: {
18
+ 1: "#eff6ff",
19
+ 2: "#dbeafe",
20
+ 3: "#bfdbfe",
21
+ 4: "#93c5fd",
22
+ 5: "#60a5fa",
23
+ 6: "#3b82f6",
24
+ 7: "#2563eb",
25
+ 8: "#1d4ed8",
26
+ 9: "#1e40af",
27
+ 10: "#1e3a8a",
28
+ 11: "#172554",
29
+ 12: "#0c1a3d"
30
+ },
31
+ cyan: {
32
+ 1: "#ecfeff",
33
+ 2: "#cffafe",
34
+ 3: "#a5f3fc",
35
+ 4: "#67e8f9",
36
+ 5: "#22d3ee",
37
+ 6: "#06b6d4",
38
+ 7: "#0891b2",
39
+ 8: "#0e7490",
40
+ 9: "#155e75",
41
+ 10: "#164e63",
42
+ 11: "#083344",
43
+ 12: "#042f2e"
44
+ },
45
+ teal: {
46
+ 1: "#f0fdfa",
47
+ 2: "#ccfbf1",
48
+ 3: "#99f6e4",
49
+ 4: "#5eead4",
50
+ 5: "#2dd4bf",
51
+ 6: "#14b8a6",
52
+ 7: "#0d9488",
53
+ 8: "#0f766e",
54
+ 9: "#115e59",
55
+ 10: "#134e4a",
56
+ 11: "#042f2e",
57
+ 12: "#022322"
58
+ },
59
+ green: {
60
+ 1: "#f0fdf4",
61
+ 2: "#dcfce7",
62
+ 3: "#bbf7d0",
63
+ 4: "#86efac",
64
+ 5: "#4ade80",
65
+ 6: "#22c55e",
66
+ 7: "#16a34a",
67
+ 8: "#15803d",
68
+ 9: "#166534",
69
+ 10: "#14532d",
70
+ 11: "#052e16",
71
+ 12: "#022c0d"
72
+ },
73
+ orange: {
74
+ 1: "#fff7ed",
75
+ 2: "#ffedd5",
76
+ 3: "#fed7aa",
77
+ 4: "#fdba74",
78
+ 5: "#fb923c",
79
+ 6: "#f97316",
80
+ 7: "#ea580c",
81
+ 8: "#c2410c",
82
+ 9: "#9a3412",
83
+ 10: "#7c2d12",
84
+ 11: "#431407",
85
+ 12: "#27130a"
86
+ },
87
+ red: {
88
+ 1: "#fef2f2",
89
+ 2: "#fee2e2",
90
+ 3: "#fecaca",
91
+ 4: "#fca5a5",
92
+ 5: "#f87171",
93
+ 6: "#ef4444",
94
+ 7: "#dc2626",
95
+ 8: "#b91c1c",
96
+ 9: "#991b1b",
97
+ 10: "#7f1d1d",
98
+ 11: "#450a0a",
99
+ 12: "#2a0808"
100
+ },
101
+ pink: {
102
+ 1: "#fdf2f8",
103
+ 2: "#fce7f3",
104
+ 3: "#fbcfe8",
105
+ 4: "#f9a8d4",
106
+ 5: "#f472b6",
107
+ 6: "#ec4899",
108
+ 7: "#db2777",
109
+ 8: "#be185d",
110
+ 9: "#9d174d",
111
+ 10: "#831843",
112
+ 11: "#500724",
113
+ 12: "#2e0515"
114
+ }
115
+ };
116
+
117
+ // src/colors/grays.ts
118
+ var grayColors = {
119
+ slate: {
120
+ 1: "#f8fafc",
121
+ 2: "#f1f5f9",
122
+ 3: "#e2e8f0",
123
+ 4: "#cbd5e1",
124
+ 5: "#94a3b8",
125
+ 6: "#64748b",
126
+ 7: "#475569",
127
+ 8: "#334155",
128
+ 9: "#1e293b",
129
+ 10: "#0f172a",
130
+ 11: "#0d1424",
131
+ 12: "#020617"
132
+ },
133
+ gray: {
134
+ 1: "#f9fafb",
135
+ 2: "#f3f4f6",
136
+ 3: "#e5e7eb",
137
+ 4: "#d1d5db",
138
+ 5: "#9ca3af",
139
+ 6: "#6b7280",
140
+ 7: "#4b5563",
141
+ 8: "#374151",
142
+ 9: "#1f2937",
143
+ 10: "#111827",
144
+ 11: "#0d1117",
145
+ 12: "#030712"
146
+ },
147
+ zinc: {
148
+ 1: "#fafafa",
149
+ 2: "#f4f4f5",
150
+ 3: "#e4e4e7",
151
+ 4: "#d4d4d8",
152
+ 5: "#a1a1aa",
153
+ 6: "#71717a",
154
+ 7: "#52525b",
155
+ 8: "#3f3f46",
156
+ 9: "#27272a",
157
+ 10: "#18181b",
158
+ 11: "#131316",
159
+ 12: "#09090b"
160
+ },
161
+ neutral: {
162
+ 1: "#fafafa",
163
+ 2: "#f5f5f5",
164
+ 3: "#e5e5e5",
165
+ 4: "#d4d4d4",
166
+ 5: "#a3a3a3",
167
+ 6: "#737373",
168
+ 7: "#525252",
169
+ 8: "#404040",
170
+ 9: "#262626",
171
+ 10: "#171717",
172
+ 11: "#121212",
173
+ 12: "#0a0a0a"
174
+ }
175
+ };
176
+
177
+ // src/colors/semantic.ts
178
+ var semanticColors = {
179
+ success: {
180
+ 1: "#f0fdf4",
181
+ 2: "#dcfce7",
182
+ 3: "#bbf7d0",
183
+ 4: "#86efac",
184
+ 5: "#4ade80",
185
+ 6: "#22c55e",
186
+ 7: "#16a34a",
187
+ 8: "#15803d",
188
+ 9: "#166534",
189
+ 10: "#14532d",
190
+ 11: "#052e16",
191
+ 12: "#022c0d"
192
+ },
193
+ warning: {
194
+ 1: "#fffbeb",
195
+ 2: "#fef3c7",
196
+ 3: "#fde68a",
197
+ 4: "#fcd34d",
198
+ 5: "#fbbf24",
199
+ 6: "#f59e0b",
200
+ 7: "#d97706",
201
+ 8: "#b45309",
202
+ 9: "#92400e",
203
+ 10: "#78350f",
204
+ 11: "#451a03",
205
+ 12: "#271005"
206
+ },
207
+ error: {
208
+ 1: "#fef2f2",
209
+ 2: "#fee2e2",
210
+ 3: "#fecaca",
211
+ 4: "#fca5a5",
212
+ 5: "#f87171",
213
+ 6: "#ef4444",
214
+ 7: "#dc2626",
215
+ 8: "#b91c1c",
216
+ 9: "#991b1b",
217
+ 10: "#7f1d1d",
218
+ 11: "#450a0a",
219
+ 12: "#2a0808"
220
+ },
221
+ info: {
222
+ 1: "#eff6ff",
223
+ 2: "#dbeafe",
224
+ 3: "#bfdbfe",
225
+ 4: "#93c5fd",
226
+ 5: "#60a5fa",
227
+ 6: "#3b82f6",
228
+ 7: "#2563eb",
229
+ 8: "#1d4ed8",
230
+ 9: "#1e40af",
231
+ 10: "#1e3a8a",
232
+ 11: "#172554",
233
+ 12: "#0c1a3d"
234
+ }
235
+ };
236
+
237
+ // src/spacing.ts
238
+ var spacing = {
239
+ 0: "0px",
240
+ px: "1px",
241
+ 0.5: "0.125rem",
242
+ 1: "0.25rem",
243
+ 1.5: "0.375rem",
244
+ 2: "0.5rem",
245
+ 2.5: "0.625rem",
246
+ 3: "0.75rem",
247
+ 3.5: "0.875rem",
248
+ 4: "1rem",
249
+ 5: "1.25rem",
250
+ 6: "1.5rem",
251
+ 7: "1.75rem",
252
+ 8: "2rem",
253
+ 9: "2.25rem",
254
+ 10: "2.5rem",
255
+ 11: "2.75rem",
256
+ 12: "3rem",
257
+ 14: "3.5rem",
258
+ 16: "4rem",
259
+ 20: "5rem",
260
+ 24: "6rem",
261
+ 28: "7rem",
262
+ 32: "8rem",
263
+ 36: "9rem",
264
+ 40: "10rem",
265
+ 44: "11rem",
266
+ 48: "12rem",
267
+ 52: "13rem",
268
+ 56: "14rem",
269
+ 60: "15rem",
270
+ 64: "16rem",
271
+ 72: "18rem",
272
+ 80: "20rem",
273
+ 96: "24rem"
274
+ };
275
+
276
+ // src/typography.ts
277
+ var fontSizes = {
278
+ xs: "0.75rem",
279
+ sm: "0.875rem",
280
+ base: "1rem",
281
+ lg: "1.125rem",
282
+ xl: "1.25rem",
283
+ "2xl": "1.5rem",
284
+ "3xl": "1.875rem",
285
+ "4xl": "2.25rem",
286
+ "5xl": "3rem",
287
+ "6xl": "3.75rem",
288
+ "7xl": "4.5rem",
289
+ "8xl": "6rem",
290
+ "9xl": "8rem"
291
+ };
292
+ var fontWeights = {
293
+ thin: "100",
294
+ extralight: "200",
295
+ light: "300",
296
+ normal: "400",
297
+ medium: "500",
298
+ semibold: "600",
299
+ bold: "700",
300
+ extrabold: "800",
301
+ black: "900"
302
+ };
303
+ var lineHeights = {
304
+ none: "1",
305
+ tight: "1.25",
306
+ snug: "1.375",
307
+ normal: "1.5",
308
+ relaxed: "1.625",
309
+ loose: "2"
310
+ };
311
+ var letterSpacings = {
312
+ tighter: "-0.05em",
313
+ tight: "-0.025em",
314
+ normal: "0em",
315
+ wide: "0.025em",
316
+ wider: "0.05em",
317
+ widest: "0.1em"
318
+ };
319
+ var fontFamilies = {
320
+ sans: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
321
+ mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
322
+ };
323
+
324
+ // src/radius.ts
325
+ var radiusScale = {
326
+ none: "0px",
327
+ sm: "0.125rem",
328
+ base: "0.25rem",
329
+ md: "0.375rem",
330
+ lg: "0.5rem",
331
+ xl: "0.75rem",
332
+ "2xl": "1rem",
333
+ "3xl": "1.5rem",
334
+ full: "9999px"
335
+ };
336
+ var radiusPresets = {
337
+ none: {
338
+ sm: "0px",
339
+ md: "0px",
340
+ lg: "0px",
341
+ full: "0px"
342
+ },
343
+ small: {
344
+ sm: "0.125rem",
345
+ md: "0.25rem",
346
+ lg: "0.375rem",
347
+ full: "9999px"
348
+ },
349
+ medium: {
350
+ sm: "0.25rem",
351
+ md: "0.375rem",
352
+ lg: "0.5rem",
353
+ full: "9999px"
354
+ },
355
+ large: {
356
+ sm: "0.375rem",
357
+ md: "0.5rem",
358
+ lg: "0.75rem",
359
+ full: "9999px"
360
+ },
361
+ full: {
362
+ sm: "9999px",
363
+ md: "9999px",
364
+ lg: "9999px",
365
+ full: "9999px"
366
+ }
367
+ };
368
+
369
+ // src/themes.ts
370
+ var defaultThemeConfig = {
371
+ theme: "light",
372
+ accentColor: "purple",
373
+ grayColor: "slate",
374
+ radius: "medium"
375
+ };
376
+ var lightTheme = {
377
+ background: 1,
378
+ // gray-1
379
+ foreground: 12,
380
+ // gray-12
381
+ card: 1,
382
+ // gray-1
383
+ cardForeground: 12,
384
+ // gray-12
385
+ popover: 1,
386
+ // gray-1
387
+ popoverForeground: 12,
388
+ // gray-12
389
+ muted: 2,
390
+ // gray-2
391
+ mutedForeground: 6,
392
+ // gray-6
393
+ border: 3,
394
+ // gray-3
395
+ input: 3,
396
+ // gray-3
397
+ ring: 6
398
+ // accent-6
399
+ };
400
+ var darkTheme = {
401
+ background: 10,
402
+ // gray-10
403
+ foreground: 1,
404
+ // gray-1
405
+ card: 9,
406
+ // gray-9
407
+ cardForeground: 1,
408
+ // gray-1
409
+ popover: 9,
410
+ // gray-9
411
+ popoverForeground: 1,
412
+ // gray-1
413
+ muted: 8,
414
+ // gray-8
415
+ mutedForeground: 5,
416
+ // gray-5
417
+ border: 8,
418
+ // gray-8
419
+ input: 8,
420
+ // gray-8
421
+ ring: 6
422
+ // accent-6
423
+ };
424
+ export {
425
+ accentColors,
426
+ darkTheme,
427
+ defaultThemeConfig,
428
+ fontFamilies,
429
+ fontSizes,
430
+ fontWeights,
431
+ grayColors,
432
+ letterSpacings,
433
+ lightTheme,
434
+ lineHeights,
435
+ radiusPresets,
436
+ radiusScale,
437
+ semanticColors,
438
+ spacing
439
+ };
440
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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":";AAAO,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;AACF;;;ACjHO,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;AACF;;;ACxDO,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/package.json ADDED
@@ -0,0 +1,47 @@
1
+ {
2
+ "name": "@onesaz/tokens",
3
+ "version": "0.1.0",
4
+ "description": "Design tokens for Onesaz UI component library - colors, spacing, typography, and theming",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "author": "Onesaz <engineering@onesaz.com>",
8
+ "homepage": "https://github.com/onesaz/onesaz-ui#readme",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/onesaz/onesaz-ui.git",
12
+ "directory": "packages/tokens"
13
+ },
14
+ "bugs": {
15
+ "url": "https://github.com/onesaz/onesaz-ui/issues"
16
+ },
17
+ "keywords": [
18
+ "design-tokens",
19
+ "design-system",
20
+ "theming",
21
+ "colors",
22
+ "onesaz"
23
+ ],
24
+ "publishConfig": {
25
+ "access": "public"
26
+ },
27
+ "main": "./dist/index.cjs",
28
+ "module": "./dist/index.js",
29
+ "types": "./dist/index.d.ts",
30
+ "exports": {
31
+ ".": {
32
+ "types": "./dist/index.d.ts",
33
+ "import": "./dist/index.js",
34
+ "require": "./dist/index.cjs"
35
+ }
36
+ },
37
+ "files": ["dist"],
38
+ "scripts": {
39
+ "build": "tsup",
40
+ "dev": "tsup --watch",
41
+ "clean": "rm -rf dist"
42
+ },
43
+ "devDependencies": {
44
+ "tsup": "^8.3.5",
45
+ "typescript": "^5.5.4"
46
+ }
47
+ }