@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/README.md +44 -0
- package/dist/index.cjs +480 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +402 -0
- package/dist/index.d.ts +402 -0
- package/dist/index.js +440 -0
- package/dist/index.js.map +1 -0
- package/package.json +47 -0
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":"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","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
|
+
}
|