@kinetixui/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.
@@ -0,0 +1,488 @@
1
+ // Generated by pnpm build:tokens — do not edit.
2
+ declare const tokens: {
3
+ "color": {
4
+ "blue": {
5
+ "0": "#f6fbff",
6
+ "50": "#f0f7ff",
7
+ "100": "#92b2c8",
8
+ "150": "#83a4b9",
9
+ "200": "#7495ab",
10
+ "300": "#57778d",
11
+ "400": "#395a70",
12
+ "500": "#1b3c53",
13
+ "600": "#163042",
14
+ "700": "#102432",
15
+ "800": "#0b1821",
16
+ "850": "#081219",
17
+ "900": "#050c11",
18
+ "950": "#030608",
19
+ "1000": "#000000"
20
+ },
21
+ "green": {
22
+ "0": "#ffffff",
23
+ "50": "#f1f3f1",
24
+ "100": "#e3e7e3",
25
+ "150": "#d5dbd5",
26
+ "200": "#c7cfc7",
27
+ "300": "#acb8ab",
28
+ "400": "#90a08f",
29
+ "500": "#748873",
30
+ "600": "#5d6d5c",
31
+ "700": "#465245",
32
+ "800": "#2e362e",
33
+ "850": "#232923",
34
+ "900": "#171b17",
35
+ "950": "#0c0e0c",
36
+ "1000": "#000000"
37
+ },
38
+ "taupe": {
39
+ "0": "#ffffff",
40
+ "50": "#fbf9f8",
41
+ "100": "#f6f3f0",
42
+ "150": "#f2ece9",
43
+ "200": "#ede6e2",
44
+ "300": "#e4dad3",
45
+ "400": "#dbcdc5",
46
+ "500": "#d2c1b6",
47
+ "600": "#b4a499",
48
+ "700": "#96867c",
49
+ "800": "#78695f",
50
+ "850": "#695a51",
51
+ "900": "#5a4b42",
52
+ "950": "#4b3d34",
53
+ "1000": "#3c2e25"
54
+ },
55
+ "cream": {
56
+ "0": "#ffffff",
57
+ "50": "#fefefd",
58
+ "100": "#fefdfc",
59
+ "150": "#fdfbfa",
60
+ "200": "#fdfaf9",
61
+ "300": "#fbf8f5",
62
+ "400": "#faf5f2",
63
+ "500": "#f9f3ef",
64
+ "600": "#e3d4ca",
65
+ "700": "#cdb5a4",
66
+ "800": "#b8957f",
67
+ "850": "#ad866c",
68
+ "900": "#a27659",
69
+ "950": "#976747",
70
+ "1000": "#8c5734"
71
+ },
72
+ "amber": {
73
+ "0": "#ffffff",
74
+ "50": "#fff8ee",
75
+ "100": "#fff2dd",
76
+ "150": "#ffebcb",
77
+ "200": "#ffe4ba",
78
+ "300": "#ffd798",
79
+ "400": "#ffc975",
80
+ "500": "#ffbc53",
81
+ "600": "#d49c42",
82
+ "700": "#aa7b32",
83
+ "800": "#7f5b21",
84
+ "850": "#6a4b19",
85
+ "900": "#553a11",
86
+ "950": "#3f2a08",
87
+ "1000": "#2a1a00"
88
+ },
89
+ "red": {
90
+ "0": "#fff9f9",
91
+ "50": "#f9e1e1",
92
+ "100": "#f4c9c9",
93
+ "150": "#eeb1b1",
94
+ "200": "#e89999",
95
+ "300": "#dd6a6a",
96
+ "400": "#d13a3a",
97
+ "500": "#c60a0a",
98
+ "600": "#9e0808",
99
+ "700": "#770606",
100
+ "800": "#4f0404",
101
+ "850": "#3b0303",
102
+ "900": "#280202",
103
+ "950": "#140101",
104
+ "1000": "#000000"
105
+ },
106
+ "neutral": {
107
+ "0": "#ffffff",
108
+ "50": "#fafafa",
109
+ "100": "#f6f6f6",
110
+ "200": "#ededed",
111
+ "300": "#e0e0e0",
112
+ "400": "#c2c2c2",
113
+ "500": "#9e9e9e",
114
+ "600": "#6d6d6d",
115
+ "700": "#4f4f4f",
116
+ "800": "#333333",
117
+ "900": "#1f1f1f",
118
+ "1000": "#000000"
119
+ },
120
+ "static": {
121
+ "white": "#ffffff",
122
+ "black": "#000000"
123
+ },
124
+ "background": "#ffffff",
125
+ "foreground": "#050c11",
126
+ "card": "#ffffff",
127
+ "card-foreground": "#050c11",
128
+ "popover": "#ffffff",
129
+ "popover-foreground": "#050c11",
130
+ "primary": "#1b3c53",
131
+ "primary-foreground": "#f0f7ff",
132
+ "secondary": "#f1f3f1",
133
+ "secondary-foreground": "#748873",
134
+ "muted": "#f6f6f6",
135
+ "muted-foreground": "#6d6d6d",
136
+ "accent": "#f0f7ff",
137
+ "accent-foreground": "#1b3c53",
138
+ "destructive": "#ec5047",
139
+ "destructive-foreground": "#fef3f2",
140
+ "success": "#5d6d5c",
141
+ "success-foreground": "#f1f3f1",
142
+ "warning": "#f97907",
143
+ "warning-foreground": "#fff8eb",
144
+ "border": "#92b2c8",
145
+ "input": "#92b2c8",
146
+ "ring": "#1b3c53",
147
+ "semantic": {
148
+ "error": "#ec5047",
149
+ "on-error": "#fef3f2",
150
+ "error-container": "#fef3f2",
151
+ "on-error-container": "#ec5047",
152
+ "warning-container": "#fff8eb",
153
+ "on-warning-container": "#f97907",
154
+ "success-container": "#f1f3f1",
155
+ "on-success-container": "#465245",
156
+ "warning": "#f97907",
157
+ "info-container": "#f0f7ff",
158
+ "on-info-container": "#395a70"
159
+ },
160
+ "chart-1": "#1b3c53",
161
+ "chart-2": "#748873",
162
+ "chart-3": "#ffbc53",
163
+ "chart-4": "#d13a3a",
164
+ "chart-5": "#b4a499",
165
+ "sidebar": "#fafafa",
166
+ "sidebar-foreground": "#050c11",
167
+ "sidebar-primary": "#1b3c53",
168
+ "sidebar-primary-foreground": "#f0f7ff",
169
+ "sidebar-accent": "#f0f7ff",
170
+ "sidebar-accent-foreground": "#1b3c53",
171
+ "sidebar-border": "#e0e0e0",
172
+ "sidebar-ring": "#1b3c53",
173
+ "tertiary": "#b0b0b0",
174
+ "tertiary-foreground": "#f0f7ff",
175
+ "info": "#57778d",
176
+ "info-foreground": "#f0f7ff"
177
+ },
178
+ "spacing": {
179
+ "0": "0",
180
+ "1": "4px",
181
+ "2": "8px",
182
+ "3": "12px",
183
+ "4": "16px",
184
+ "5": "20px",
185
+ "6": "24px",
186
+ "7": "28px",
187
+ "8": "32px"
188
+ },
189
+ "radius": {
190
+ "none": "0",
191
+ "sm": "4px",
192
+ "md": "8px",
193
+ "lg": "12px",
194
+ "xl": "16px",
195
+ "full": "9999px"
196
+ },
197
+ "borderWidth": {
198
+ "default": "1px",
199
+ "focus": "2px"
200
+ },
201
+ "font": {
202
+ "family": {
203
+ "sans": "Montserrat, ui-sans-serif, system-ui, sans-serif"
204
+ },
205
+ "weight": {
206
+ "regular": "400",
207
+ "medium": "500",
208
+ "semibold": "600"
209
+ }
210
+ },
211
+ "fontSize": {
212
+ "display-lg": "57px",
213
+ "display-md": "45px",
214
+ "display-sm": "36px",
215
+ "headline-lg": "32px",
216
+ "headline-md": "28px",
217
+ "headline-sm": "24px",
218
+ "title-lg": "22px",
219
+ "title-md": "16px",
220
+ "title-sm": "14px",
221
+ "title-dialog": "18px",
222
+ "label-lg": "14px",
223
+ "label-md": "12px",
224
+ "label-sm": "11px",
225
+ "body-lg": "16px",
226
+ "body-md": "14px",
227
+ "body-sm": "12px"
228
+ },
229
+ "lineHeight": {
230
+ "display-lg": "64px",
231
+ "display-md": "52px",
232
+ "display-sm": "44px",
233
+ "headline-lg": "40px",
234
+ "headline-md": "36px",
235
+ "headline-sm": "32px",
236
+ "title-lg": "28px",
237
+ "title-md": "24px",
238
+ "title-sm": "20px",
239
+ "title-dialog": "24px",
240
+ "label-lg": "20px",
241
+ "label-md": "16px",
242
+ "label-sm": "16px",
243
+ "body-lg": "24px",
244
+ "body-md": "20px",
245
+ "body-sm": "16px"
246
+ },
247
+ "letterSpacing": {
248
+ "tighter": "-0.25px",
249
+ "normal": "0",
250
+ "wide-1": "0.1px",
251
+ "wide-15": "0.15px",
252
+ "wide-25": "0.25px",
253
+ "wide-5": "0.5px"
254
+ },
255
+ "shadow": {
256
+ "sm": [
257
+ {
258
+ "color": "#0000000d",
259
+ "offsetX": "0",
260
+ "offsetY": "1",
261
+ "blur": "2",
262
+ "spread": "0"
263
+ }
264
+ ],
265
+ "md": [
266
+ {
267
+ "color": "#0000001f",
268
+ "offsetX": "0",
269
+ "offsetY": "1",
270
+ "blur": "1",
271
+ "spread": "0"
272
+ },
273
+ {
274
+ "color": "#676e7614",
275
+ "offsetX": "0",
276
+ "offsetY": "2",
277
+ "blur": "5",
278
+ "spread": "0"
279
+ }
280
+ ],
281
+ "lg": [
282
+ {
283
+ "color": "#00000012",
284
+ "offsetX": "0",
285
+ "offsetY": "4",
286
+ "blur": "6",
287
+ "spread": "-1"
288
+ },
289
+ {
290
+ "color": "#0000000f",
291
+ "offsetX": "0",
292
+ "offsetY": "2",
293
+ "blur": "4",
294
+ "spread": "-2"
295
+ }
296
+ ],
297
+ "xl": [
298
+ {
299
+ "color": "#0000001f",
300
+ "offsetX": "0",
301
+ "offsetY": "4",
302
+ "blur": "24",
303
+ "spread": "0"
304
+ }
305
+ ],
306
+ "focus": [
307
+ {
308
+ "color": "#1b3c53",
309
+ "offsetX": "0",
310
+ "offsetY": "0",
311
+ "blur": "0",
312
+ "spread": "1"
313
+ },
314
+ {
315
+ "color": "#1b3c5333",
316
+ "offsetX": "0",
317
+ "offsetY": "0",
318
+ "blur": "0",
319
+ "spread": "4"
320
+ }
321
+ ],
322
+ "focus-destructive": [
323
+ {
324
+ "color": "#ec5047",
325
+ "offsetX": "0",
326
+ "offsetY": "0",
327
+ "blur": "0",
328
+ "spread": "1"
329
+ },
330
+ {
331
+ "color": "#ec504733",
332
+ "offsetX": "0",
333
+ "offsetY": "0",
334
+ "blur": "0",
335
+ "spread": "4"
336
+ }
337
+ ],
338
+ "focus-success": [
339
+ {
340
+ "color": "#5d6d5c",
341
+ "offsetX": "0",
342
+ "offsetY": "0",
343
+ "blur": "0",
344
+ "spread": "1"
345
+ },
346
+ {
347
+ "color": "#5d6d5c33",
348
+ "offsetX": "0",
349
+ "offsetY": "0",
350
+ "blur": "0",
351
+ "spread": "4"
352
+ }
353
+ ],
354
+ "focus-warning": [
355
+ {
356
+ "color": "#f97907",
357
+ "offsetX": "0",
358
+ "offsetY": "0",
359
+ "blur": "0",
360
+ "spread": "1"
361
+ },
362
+ {
363
+ "color": "#f9790733",
364
+ "offsetX": "0",
365
+ "offsetY": "0",
366
+ "blur": "0",
367
+ "spread": "4"
368
+ }
369
+ ]
370
+ },
371
+ "text": {
372
+ "display-lg": {
373
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
374
+ "fontWeight": "500",
375
+ "fontSize": "57px",
376
+ "lineHeight": "64px",
377
+ "letterSpacing": "-0.25px"
378
+ },
379
+ "display-md": {
380
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
381
+ "fontWeight": "500",
382
+ "fontSize": "45px",
383
+ "lineHeight": "52px",
384
+ "letterSpacing": "0"
385
+ },
386
+ "display-sm": {
387
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
388
+ "fontWeight": "400",
389
+ "fontSize": "36px",
390
+ "lineHeight": "44px",
391
+ "letterSpacing": "0"
392
+ },
393
+ "headline-lg": {
394
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
395
+ "fontWeight": "600",
396
+ "fontSize": "32px",
397
+ "lineHeight": "40px",
398
+ "letterSpacing": "0"
399
+ },
400
+ "headline-md": {
401
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
402
+ "fontWeight": "400",
403
+ "fontSize": "28px",
404
+ "lineHeight": "36px",
405
+ "letterSpacing": "0"
406
+ },
407
+ "headline-sm": {
408
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
409
+ "fontWeight": "400",
410
+ "fontSize": "24px",
411
+ "lineHeight": "32px",
412
+ "letterSpacing": "0"
413
+ },
414
+ "title-lg": {
415
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
416
+ "fontWeight": "400",
417
+ "fontSize": "22px",
418
+ "lineHeight": "28px",
419
+ "letterSpacing": "0"
420
+ },
421
+ "title-md": {
422
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
423
+ "fontWeight": "500",
424
+ "fontSize": "16px",
425
+ "lineHeight": "24px",
426
+ "letterSpacing": "0.15px"
427
+ },
428
+ "title-sm": {
429
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
430
+ "fontWeight": "500",
431
+ "fontSize": "14px",
432
+ "lineHeight": "20px",
433
+ "letterSpacing": "0.1px"
434
+ },
435
+ "title-dialog": {
436
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
437
+ "fontWeight": "600",
438
+ "fontSize": "18px",
439
+ "lineHeight": "24px",
440
+ "letterSpacing": "0"
441
+ },
442
+ "label-lg": {
443
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
444
+ "fontWeight": "500",
445
+ "fontSize": "14px",
446
+ "lineHeight": "20px",
447
+ "letterSpacing": "0.1px"
448
+ },
449
+ "label-md": {
450
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
451
+ "fontWeight": "500",
452
+ "fontSize": "12px",
453
+ "lineHeight": "16px",
454
+ "letterSpacing": "0.5px"
455
+ },
456
+ "label-sm": {
457
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
458
+ "fontWeight": "500",
459
+ "fontSize": "11px",
460
+ "lineHeight": "16px",
461
+ "letterSpacing": "0.5px"
462
+ },
463
+ "body-lg": {
464
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
465
+ "fontWeight": "400",
466
+ "fontSize": "16px",
467
+ "lineHeight": "24px",
468
+ "letterSpacing": "0.5px"
469
+ },
470
+ "body-md": {
471
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
472
+ "fontWeight": "400",
473
+ "fontSize": "14px",
474
+ "lineHeight": "20px",
475
+ "letterSpacing": "0.25px"
476
+ },
477
+ "body-sm": {
478
+ "fontFamily": "Montserrat, ui-sans-serif, system-ui, sans-serif",
479
+ "fontWeight": "400",
480
+ "fontSize": "12px",
481
+ "lineHeight": "16px",
482
+ "letterSpacing": "0"
483
+ }
484
+ }
485
+ };
486
+ export type Tokens = typeof tokens;
487
+ export { tokens };
488
+ export default tokens;