@signozhq/design-tokens 1.2.1 → 2.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.
Files changed (9) hide show
  1. package/README.md +75 -14
  2. package/dist/Typography/typography-styles.css +1 -0
  3. package/dist/design-tokens.js +2548 -511
  4. package/dist/design-tokens.umd.cjs +1 -1
  5. package/dist/index.d.ts +2539 -460
  6. package/dist/style.css +1 -1
  7. package/dist/tailwind-theme.css +1 -0
  8. package/dist/themes/signoz-tokens.css +1 -0
  9. package/package.json +64 -59
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 03 Jun 2025 15:32:50 GMT
3
+ * Generated on Sat, 24 Jan 2026 12:23:24 GMT
4
4
  */
5
5
  export declare const Color: {
6
6
  BG_ROBIN_50: string;
@@ -13,12 +13,10 @@ export declare const Color: {
13
13
  BG_ROBIN_600: string;
14
14
  BG_ROBIN_700: string;
15
15
  BG_ROBIN_800: string;
16
- BG_ROBIN_850: string;
17
16
  BG_ROBIN_900: string;
18
17
  BG_ROBIN_950: string;
19
18
  BG_SIENNA_50: string;
20
19
  BG_SIENNA_100: string;
21
- BG_SIENNA_150: string;
22
20
  BG_SIENNA_200: string;
23
21
  BG_SIENNA_300: string;
24
22
  BG_SIENNA_400: string;
@@ -31,7 +29,6 @@ export declare const Color: {
31
29
  BG_SIENNA_950: string;
32
30
  BG_CHERRY_50: string;
33
31
  BG_CHERRY_100: string;
34
- BG_CHERRY_150: string;
35
32
  BG_CHERRY_200: string;
36
33
  BG_CHERRY_300: string;
37
34
  BG_CHERRY_400: string;
@@ -44,7 +41,6 @@ export declare const Color: {
44
41
  BG_CHERRY_950: string;
45
42
  BG_AQUA_50: string;
46
43
  BG_AQUA_100: string;
47
- BG_AQUA_150: string;
48
44
  BG_AQUA_200: string;
49
45
  BG_AQUA_300: string;
50
46
  BG_AQUA_400: string;
@@ -82,6 +78,19 @@ export declare const Color: {
82
78
  BG_AMBER_900: string;
83
79
  BG_AMBER_950: string;
84
80
  BG_AMBER_1000: string;
81
+ BG_FOREST_50: string;
82
+ BG_FOREST_100: string;
83
+ BG_FOREST_150: string;
84
+ BG_FOREST_200: string;
85
+ BG_FOREST_300: string;
86
+ BG_FOREST_400: string;
87
+ BG_FOREST_500: string;
88
+ BG_FOREST_600: string;
89
+ BG_FOREST_700: string;
90
+ BG_FOREST_800: string;
91
+ BG_FOREST_850: string;
92
+ BG_FOREST_900: string;
93
+ BG_FOREST_950: string;
85
94
  BG_INK_100: string;
86
95
  BG_INK_200: string;
87
96
  BG_INK_300: string;
@@ -97,25 +106,39 @@ export declare const Color: {
97
106
  BG_SLATE_300: string;
98
107
  BG_SLATE_400: string;
99
108
  BG_SLATE_500: string;
109
+ BG_NEUTRALDARK_50: string;
110
+ BG_NEUTRALDARK_100: string;
111
+ BG_NEUTRALDARK_200: string;
112
+ BG_NEUTRALDARK_300: string;
113
+ BG_NEUTRALDARK_400: string;
114
+ BG_NEUTRALDARK_500: string;
115
+ BG_NEUTRALDARK_600: string;
116
+ BG_NEUTRALDARK_700: string;
117
+ BG_NEUTRALDARK_800: string;
118
+ BG_NEUTRALDARK_900: string;
119
+ BG_NEUTRALDARK_950: string;
120
+ BG_NEUTRALDARK_1000: string;
121
+ BG_NEUTRALLIGHT_50: string;
122
+ BG_NEUTRALLIGHT_100: string;
123
+ BG_NEUTRALLIGHT_200: string;
124
+ BG_NEUTRALLIGHT_300: string;
125
+ BG_NEUTRALLIGHT_400: string;
126
+ BG_NEUTRALLIGHT_500: string;
127
+ BG_NEUTRALLIGHT_600: string;
128
+ BG_NEUTRALLIGHT_700: string;
129
+ BG_NEUTRALLIGHT_800: string;
130
+ BG_NEUTRALLIGHT_900: string;
131
+ BG_NEUTRALLIGHT_950: string;
132
+ BG_NEUTRALLIGHT_1000: string;
133
+ BG_BASE_BLACK: string;
134
+ BG_BASE_WHITE: string;
100
135
  BG_GRADIENT_CORAL: string;
101
136
  'BG_GRADIENT_DARK-SHADOW': string;
137
+ BG_GRADIENT_STYX: string;
102
138
  BG_GRADIENT_DAWN: string;
103
139
  BG_GRADIENT_OCEAN: string;
104
140
  BG_GRADIENT_SPLASH: string;
105
141
  BG_GRADIENT_FLAMINGO: string;
106
- BG_FOREST_50: string;
107
- BG_FOREST_100: string;
108
- BG_FOREST_150: string;
109
- BG_FOREST_200: string;
110
- BG_FOREST_300: string;
111
- BG_FOREST_400: string;
112
- BG_FOREST_500: string;
113
- BG_FOREST_600: string;
114
- BG_FOREST_700: string;
115
- BG_FOREST_800: string;
116
- BG_FOREST_850: string;
117
- BG_FOREST_900: string;
118
- BG_FOREST_950: string;
119
142
  TEXT_ROBIN_50: string;
120
143
  TEXT_ROBIN_100: string;
121
144
  TEXT_ROBIN_150: string;
@@ -126,12 +149,10 @@ export declare const Color: {
126
149
  TEXT_ROBIN_600: string;
127
150
  TEXT_ROBIN_700: string;
128
151
  TEXT_ROBIN_800: string;
129
- TEXT_ROBIN_850: string;
130
152
  TEXT_ROBIN_900: string;
131
153
  TEXT_ROBIN_950: string;
132
154
  TEXT_SIENNA_50: string;
133
155
  TEXT_SIENNA_100: string;
134
- TEXT_SIENNA_150: string;
135
156
  TEXT_SIENNA_200: string;
136
157
  TEXT_SIENNA_300: string;
137
158
  TEXT_SIENNA_400: string;
@@ -144,7 +165,6 @@ export declare const Color: {
144
165
  TEXT_SIENNA_950: string;
145
166
  TEXT_CHERRY_50: string;
146
167
  TEXT_CHERRY_100: string;
147
- TEXT_CHERRY_150: string;
148
168
  TEXT_CHERRY_200: string;
149
169
  TEXT_CHERRY_300: string;
150
170
  TEXT_CHERRY_400: string;
@@ -157,7 +177,6 @@ export declare const Color: {
157
177
  TEXT_CHERRY_950: string;
158
178
  TEXT_AQUA_50: string;
159
179
  TEXT_AQUA_100: string;
160
- TEXT_AQUA_150: string;
161
180
  TEXT_AQUA_200: string;
162
181
  TEXT_AQUA_300: string;
163
182
  TEXT_AQUA_400: string;
@@ -195,6 +214,19 @@ export declare const Color: {
195
214
  TEXT_AMBER_900: string;
196
215
  TEXT_AMBER_950: string;
197
216
  TEXT_AMBER_1000: string;
217
+ TEXT_FOREST_50: string;
218
+ TEXT_FOREST_100: string;
219
+ TEXT_FOREST_150: string;
220
+ TEXT_FOREST_200: string;
221
+ TEXT_FOREST_300: string;
222
+ TEXT_FOREST_400: string;
223
+ TEXT_FOREST_500: string;
224
+ TEXT_FOREST_600: string;
225
+ TEXT_FOREST_700: string;
226
+ TEXT_FOREST_800: string;
227
+ TEXT_FOREST_850: string;
228
+ TEXT_FOREST_900: string;
229
+ TEXT_FOREST_950: string;
198
230
  TEXT_INK_100: string;
199
231
  TEXT_INK_200: string;
200
232
  TEXT_INK_300: string;
@@ -210,30 +242,44 @@ export declare const Color: {
210
242
  TEXT_SLATE_300: string;
211
243
  TEXT_SLATE_400: string;
212
244
  TEXT_SLATE_500: string;
245
+ TEXT_NEUTRALDARK_50: string;
246
+ TEXT_NEUTRALDARK_100: string;
247
+ TEXT_NEUTRALDARK_200: string;
248
+ TEXT_NEUTRALDARK_300: string;
249
+ TEXT_NEUTRALDARK_400: string;
250
+ TEXT_NEUTRALDARK_500: string;
251
+ TEXT_NEUTRALDARK_600: string;
252
+ TEXT_NEUTRALDARK_700: string;
253
+ TEXT_NEUTRALDARK_800: string;
254
+ TEXT_NEUTRALDARK_900: string;
255
+ TEXT_NEUTRALDARK_950: string;
256
+ TEXT_NEUTRALDARK_1000: string;
257
+ TEXT_NEUTRALLIGHT_50: string;
258
+ TEXT_NEUTRALLIGHT_100: string;
259
+ TEXT_NEUTRALLIGHT_200: string;
260
+ TEXT_NEUTRALLIGHT_300: string;
261
+ TEXT_NEUTRALLIGHT_400: string;
262
+ TEXT_NEUTRALLIGHT_500: string;
263
+ TEXT_NEUTRALLIGHT_600: string;
264
+ TEXT_NEUTRALLIGHT_700: string;
265
+ TEXT_NEUTRALLIGHT_800: string;
266
+ TEXT_NEUTRALLIGHT_900: string;
267
+ TEXT_NEUTRALLIGHT_950: string;
268
+ TEXT_NEUTRALLIGHT_1000: string;
269
+ TEXT_BASE_BLACK: string;
270
+ TEXT_BASE_WHITE: string;
213
271
  TEXT_GRADIENT_CORAL: string;
214
272
  'TEXT_GRADIENT_DARK-SHADOW': string;
273
+ TEXT_GRADIENT_STYX: string;
215
274
  TEXT_GRADIENT_DAWN: string;
216
275
  TEXT_GRADIENT_OCEAN: string;
217
276
  TEXT_GRADIENT_SPLASH: string;
218
277
  TEXT_GRADIENT_FLAMINGO: string;
219
- TEXT_FOREST_50: string;
220
- TEXT_FOREST_100: string;
221
- TEXT_FOREST_150: string;
222
- TEXT_FOREST_200: string;
223
- TEXT_FOREST_300: string;
224
- TEXT_FOREST_400: string;
225
- TEXT_FOREST_500: string;
226
- TEXT_FOREST_600: string;
227
- TEXT_FOREST_700: string;
228
- TEXT_FOREST_800: string;
229
- TEXT_FOREST_850: string;
230
- TEXT_FOREST_900: string;
231
- TEXT_FOREST_950: string;
232
278
  };
233
279
 
234
280
  /**
235
281
  * Do not edit directly
236
- * Generated on Tue, 03 Jun 2025 15:32:50 GMT
282
+ * Generated on Sat, 24 Jan 2026 12:23:24 GMT
237
283
  */
238
284
  export declare const ColorTailwind: {
239
285
  'robin-50': string;
@@ -246,12 +292,10 @@ export declare const ColorTailwind: {
246
292
  'robin-600': string;
247
293
  'robin-700': string;
248
294
  'robin-800': string;
249
- 'robin-850': string;
250
295
  'robin-900': string;
251
296
  'robin-950': string;
252
297
  'sienna-50': string;
253
298
  'sienna-100': string;
254
- 'sienna-150': string;
255
299
  'sienna-200': string;
256
300
  'sienna-300': string;
257
301
  'sienna-400': string;
@@ -264,7 +308,6 @@ export declare const ColorTailwind: {
264
308
  'sienna-950': string;
265
309
  'cherry-50': string;
266
310
  'cherry-100': string;
267
- 'cherry-150': string;
268
311
  'cherry-200': string;
269
312
  'cherry-300': string;
270
313
  'cherry-400': string;
@@ -277,7 +320,6 @@ export declare const ColorTailwind: {
277
320
  'cherry-950': string;
278
321
  'aqua-50': string;
279
322
  'aqua-100': string;
280
- 'aqua-150': string;
281
323
  'aqua-200': string;
282
324
  'aqua-300': string;
283
325
  'aqua-400': string;
@@ -315,6 +357,19 @@ export declare const ColorTailwind: {
315
357
  'amber-900': string;
316
358
  'amber-950': string;
317
359
  'amber-1000': string;
360
+ 'forest-50': string;
361
+ 'forest-100': string;
362
+ 'forest-150': string;
363
+ 'forest-200': string;
364
+ 'forest-300': string;
365
+ 'forest-400': string;
366
+ 'forest-500': string;
367
+ 'forest-600': string;
368
+ 'forest-700': string;
369
+ 'forest-800': string;
370
+ 'forest-850': string;
371
+ 'forest-900': string;
372
+ 'forest-950': string;
318
373
  'ink-100': string;
319
374
  'ink-200': string;
320
375
  'ink-300': string;
@@ -330,25 +385,39 @@ export declare const ColorTailwind: {
330
385
  'slate-300': string;
331
386
  'slate-400': string;
332
387
  'slate-500': string;
388
+ 'neutraldark-50': string;
389
+ 'neutraldark-100': string;
390
+ 'neutraldark-200': string;
391
+ 'neutraldark-300': string;
392
+ 'neutraldark-400': string;
393
+ 'neutraldark-500': string;
394
+ 'neutraldark-600': string;
395
+ 'neutraldark-700': string;
396
+ 'neutraldark-800': string;
397
+ 'neutraldark-900': string;
398
+ 'neutraldark-950': string;
399
+ 'neutraldark-1000': string;
400
+ 'neutrallight-50': string;
401
+ 'neutrallight-100': string;
402
+ 'neutrallight-200': string;
403
+ 'neutrallight-300': string;
404
+ 'neutrallight-400': string;
405
+ 'neutrallight-500': string;
406
+ 'neutrallight-600': string;
407
+ 'neutrallight-700': string;
408
+ 'neutrallight-800': string;
409
+ 'neutrallight-900': string;
410
+ 'neutrallight-950': string;
411
+ 'neutrallight-1000': string;
412
+ 'base-black': string;
413
+ 'base-white': string;
333
414
  'gradient-coral': string;
334
415
  'gradient-dark-shadow': string;
416
+ 'gradient-styx': string;
335
417
  'gradient-dawn': string;
336
418
  'gradient-ocean': string;
337
419
  'gradient-splash': string;
338
420
  'gradient-flamingo': string;
339
- 'forest-50': string;
340
- 'forest-100': string;
341
- 'forest-150': string;
342
- 'forest-200': string;
343
- 'forest-300': string;
344
- 'forest-400': string;
345
- 'forest-500': string;
346
- 'forest-600': string;
347
- 'forest-700': string;
348
- 'forest-800': string;
349
- 'forest-850': string;
350
- 'forest-900': string;
351
- 'forest-950': string;
352
421
  };
353
422
 
354
423
  export declare type ColorTailwindType = (typeof ColorTailwind)[keyof typeof ColorTailwind];
@@ -356,344 +425,382 @@ export declare type ColorTailwindType = (typeof ColorTailwind)[keyof typeof Colo
356
425
  export declare const colorTokens: {
357
426
  "bg": {
358
427
  "Robin": {
359
- "50": {
360
- "value": "#EDF1FE",
361
- "type": "color"
362
- },
363
- "100": {
364
- "value": "#DCE3FE",
428
+ "950": {
429
+ "value": "#091233",
365
430
  "type": "color"
366
431
  },
367
- "150": {
368
- "value": "#CAD5FD",
432
+ "900": {
433
+ "value": "#101d49",
369
434
  "type": "color"
370
435
  },
371
- "200": {
372
- "value": "#B8C7FC",
436
+ "800": {
437
+ "value": "#1f3274",
373
438
  "type": "color"
374
439
  },
375
- "300": {
376
- "value": "#95ACFB",
440
+ "700": {
441
+ "value": "#2f48a0",
377
442
  "type": "color"
378
443
  },
379
- "400": {
380
- "value": "#7190F9",
444
+ "600": {
445
+ "value": "#3f5ecc",
381
446
  "type": "color"
382
447
  },
383
448
  "500": {
384
- "value": "#4E74F8",
449
+ "value": "#4e74f8",
385
450
  "type": "color"
386
451
  },
387
- "600": {
388
- "value": "#3F5ECC",
452
+ "400": {
453
+ "value": "#7190f9",
389
454
  "type": "color"
390
455
  },
391
- "700": {
392
- "value": "#2F48A0",
456
+ "300": {
457
+ "value": "#95acfb",
393
458
  "type": "color"
394
459
  },
395
- "800": {
396
- "value": "#203375",
460
+ "200": {
461
+ "value": "#b8c7fc",
397
462
  "type": "color"
398
463
  },
399
- "850": {
400
- "value": "#18285F",
464
+ "150": {
465
+ "value": "#cad5fd",
401
466
  "type": "color"
402
467
  },
403
- "900": {
404
- "value": "#101D49",
468
+ "100": {
469
+ "value": "#cad5fd",
405
470
  "type": "color"
406
471
  },
407
- "950": {
408
- "value": "#091233",
472
+ "50": {
473
+ "value": "#edf1fe",
409
474
  "type": "color"
410
475
  }
411
476
  },
412
477
  "Sienna": {
413
- "50": {
414
- "value": "#F7F2EE",
478
+ "950": {
479
+ "value": "#110d09",
415
480
  "type": "color"
416
481
  },
417
- "100": {
418
- "value": "#EFE5DE",
482
+ "900": {
483
+ "value": "#231912",
419
484
  "type": "color"
420
485
  },
421
- "150": {
422
- "value": "#E6D9CD",
486
+ "850": {
487
+ "value": "#34261a",
423
488
  "type": "color"
424
489
  },
425
- "200": {
426
- "value": "#DECCBC",
490
+ "800": {
491
+ "value": "#453223",
427
492
  "type": "color"
428
493
  },
429
- "300": {
430
- "value": "#CEB29B",
494
+ "700": {
495
+ "value": "#684c35",
431
496
  "type": "color"
432
497
  },
433
- "400": {
434
- "value": "#BD9979",
498
+ "600": {
499
+ "value": "#8a6546",
435
500
  "type": "color"
436
501
  },
437
502
  "500": {
438
- "value": "#AD7F58",
439
- "type": "color"
440
- },
441
- "600": {
442
- "value": "#8A6646",
503
+ "value": "#ad7f58",
443
504
  "type": "color"
444
505
  },
445
- "700": {
446
- "value": "#684C35",
506
+ "400": {
507
+ "value": "#bd9879",
447
508
  "type": "color"
448
509
  },
449
- "800": {
450
- "value": "#453323",
510
+ "300": {
511
+ "value": "#ceb29b",
451
512
  "type": "color"
452
513
  },
453
- "850": {
454
- "value": "#34261A",
514
+ "200": {
515
+ "value": "#decbbc",
455
516
  "type": "color"
456
517
  },
457
- "900": {
458
- "value": "#231912",
518
+ "100": {
519
+ "value": "#e6d9cd",
459
520
  "type": "color"
460
521
  },
461
- "950": {
462
- "value": "#110D09",
522
+ "50": {
523
+ "value": "#f7f2ee",
463
524
  "type": "color"
464
525
  }
465
526
  },
466
527
  "Cherry": {
467
- "50": {
468
- "value": "#FCEDED",
528
+ "950": {
529
+ "value": "#1b0809",
469
530
  "type": "color"
470
531
  },
471
- "100": {
472
- "value": "#FADADB",
532
+ "900": {
533
+ "value": "#320f10",
473
534
  "type": "color"
474
535
  },
475
- "150": {
476
- "value": "#F7C8CA",
536
+ "850": {
537
+ "value": "#481618",
477
538
  "type": "color"
478
539
  },
479
- "200": {
480
- "value": "#F5B6B8",
540
+ "800": {
541
+ "value": "#5e1d1f",
481
542
  "type": "color"
482
543
  },
483
- "300": {
484
- "value": "#EF9194",
544
+ "700": {
545
+ "value": "#8b2c2f",
485
546
  "type": "color"
486
547
  },
487
- "400": {
488
- "value": "#EA6D71",
548
+ "600": {
549
+ "value": "#b83a3e",
489
550
  "type": "color"
490
551
  },
491
552
  "500": {
492
- "value": "#E5484D",
493
- "type": "color"
494
- },
495
- "600": {
496
- "value": "#B83A3E",
553
+ "value": "#e5484d",
497
554
  "type": "color"
498
555
  },
499
- "700": {
500
- "value": "#8B2C2F",
556
+ "400": {
557
+ "value": "#ea6d71",
501
558
  "type": "color"
502
559
  },
503
- "800": {
504
- "value": "#5F1D1F",
560
+ "300": {
561
+ "value": "#f5b6b8",
505
562
  "type": "color"
506
563
  },
507
- "850": {
508
- "value": "#481618",
564
+ "200": {
565
+ "value": "#f7c8ca",
509
566
  "type": "color"
510
567
  },
511
- "900": {
512
- "value": "#320F10",
568
+ "100": {
569
+ "value": "#fadadb",
513
570
  "type": "color"
514
571
  },
515
- "950": {
516
- "value": "#1B0809",
572
+ "50": {
573
+ "value": "#fceded",
517
574
  "type": "color"
518
575
  }
519
576
  },
520
577
  "Aqua": {
521
- "50": {
522
- "value": "#E9F9FE",
578
+ "950": {
579
+ "value": "#041419",
523
580
  "type": "color"
524
581
  },
525
- "100": {
526
- "value": "#D3F3FE",
582
+ "900": {
583
+ "value": "#072732",
527
584
  "type": "color"
528
585
  },
529
- "150": {
530
- "value": "#BDEDFD",
586
+ "850": {
587
+ "value": "#0b3b4a",
531
588
  "type": "color"
532
589
  },
533
- "200": {
534
- "value": "#A7E7FC",
590
+ "800": {
591
+ "value": "#0e4e63",
535
592
  "type": "color"
536
593
  },
537
- "300": {
538
- "value": "#7BDCFB",
594
+ "700": {
595
+ "value": "#157594",
539
596
  "type": "color"
540
597
  },
541
- "400": {
542
- "value": "#4FD0F9",
598
+ "600": {
599
+ "value": "#07afe6",
543
600
  "type": "color"
544
601
  },
545
602
  "500": {
546
- "value": "#23C4F8",
547
- "type": "color"
548
- },
549
- "600": {
550
- "value": "#1C9DC6",
603
+ "value": "#23c4f8",
551
604
  "type": "color"
552
605
  },
553
- "700": {
554
- "value": "#157695",
606
+ "400": {
607
+ "value": "#4bcff9",
555
608
  "type": "color"
556
609
  },
557
- "800": {
558
- "value": "#0E4E63",
610
+ "300": {
611
+ "value": "#72d9fb",
559
612
  "type": "color"
560
613
  },
561
- "850": {
562
- "value": "#0B3B4A",
614
+ "200": {
615
+ "value": "#9ae4fc",
563
616
  "type": "color"
564
617
  },
565
- "900": {
566
- "value": "#072732",
618
+ "100": {
619
+ "value": "#c1eefd",
567
620
  "type": "color"
568
621
  },
569
- "950": {
570
- "value": "#041419",
622
+ "50": {
623
+ "value": "#e9f9fe",
571
624
  "type": "color"
572
625
  }
573
626
  },
574
627
  "Sakura": {
575
- "50": {
576
- "value": "#FEEDF0",
628
+ "950": {
629
+ "value": "#26080e",
577
630
  "type": "color"
578
631
  },
579
- "100": {
580
- "value": "#FCDAE1",
632
+ "900": {
633
+ "value": "#3d0f18",
581
634
  "type": "color"
582
635
  },
583
- "150": {
584
- "value": "#FBC8D2",
636
+ "850": {
637
+ "value": "#531622",
585
638
  "type": "color"
586
639
  },
587
- "200": {
588
- "value": "#FAB5C3",
640
+ "800": {
641
+ "value": "#6a1d2c",
589
642
  "type": "color"
590
643
  },
591
- "300": {
592
- "value": "#F791A5",
644
+ "700": {
645
+ "value": "#982b41",
593
646
  "type": "color"
594
647
  },
595
- "400": {
596
- "value": "#F56C87",
648
+ "600": {
649
+ "value": "#c53955",
597
650
  "type": "color"
598
651
  },
599
652
  "500": {
600
- "value": "#F24769",
653
+ "value": "#f24769",
601
654
  "type": "color"
602
655
  },
603
- "600": {
604
- "value": "#C53955",
656
+ "400": {
657
+ "value": "#f56c87",
605
658
  "type": "color"
606
659
  },
607
- "700": {
608
- "value": "#982B41",
660
+ "300": {
661
+ "value": "#f791a5",
609
662
  "type": "color"
610
663
  },
611
- "800": {
612
- "value": "#6A1D2C",
664
+ "200": {
665
+ "value": "#fab5c3",
613
666
  "type": "color"
614
667
  },
615
- "850": {
616
- "value": "#541622",
668
+ "150": {
669
+ "value": "#fbc8d2",
617
670
  "type": "color"
618
671
  },
619
- "900": {
620
- "value": "#3D0F18",
672
+ "100": {
673
+ "value": "#fbc8d2",
621
674
  "type": "color"
622
675
  },
623
- "950": {
624
- "value": "#27080E",
676
+ "50": {
677
+ "value": "#feedf0",
625
678
  "type": "color"
626
679
  }
627
680
  },
628
681
  "Amber": {
629
- "50": {
630
- "value": "#FFFAEE",
682
+ "1000": {
683
+ "value": "#2d2000",
631
684
  "type": "color"
632
685
  },
633
- "100": {
634
- "value": "#FFF5DD",
686
+ "950": {
687
+ "value": "#423109",
635
688
  "type": "color"
636
689
  },
637
- "150": {
638
- "value": "#FFF0CC",
690
+ "900": {
691
+ "value": "#574311",
639
692
  "type": "color"
640
693
  },
641
- "200": {
642
- "value": "#FFEBBB",
694
+ "850": {
695
+ "value": "#6c5319",
643
696
  "type": "color"
644
697
  },
645
- "300": {
646
- "value": "#FFE19A",
698
+ "800": {
699
+ "value": "#816522",
647
700
  "type": "color"
648
701
  },
649
- "400": {
650
- "value": "#FFD778",
702
+ "700": {
703
+ "value": "#ab8834",
651
704
  "type": "color"
652
705
  },
653
- "500": {
654
- "value": "#FFCD56",
706
+ "600": {
707
+ "value": "#d5aa45",
655
708
  "type": "color"
656
709
  },
657
- "600": {
658
- "value": "#D5AA45",
710
+ "500": {
711
+ "value": "#ffcc56",
659
712
  "type": "color"
660
713
  },
661
- "700": {
662
- "value": "#AB8834",
714
+ "400": {
715
+ "value": "#ffd778",
663
716
  "type": "color"
664
717
  },
665
- "800": {
666
- "value": "#816522",
718
+ "300": {
719
+ "value": "#ffe19a",
667
720
  "type": "color"
668
721
  },
669
- "850": {
670
- "value": "#6C541A",
722
+ "200": {
723
+ "value": "#ffebbb",
671
724
  "type": "color"
672
725
  },
673
- "900": {
674
- "value": "#574311",
726
+ "150": {
727
+ "value": "#fff0cc",
675
728
  "type": "color"
676
729
  },
677
- "950": {
678
- "value": "#423109",
730
+ "100": {
731
+ "value": "#fff0cc",
679
732
  "type": "color"
680
733
  },
681
- "1000": {
682
- "value": "#2D2000",
734
+ "50": {
735
+ "value": "#fffaee",
683
736
  "type": "color"
684
737
  }
685
738
  },
686
- "Ink": {
687
- "500": {
688
- "value": "#0B0C0E",
739
+ "Forest": {
740
+ "950": {
741
+ "value": "#04170f",
689
742
  "type": "color"
690
743
  },
691
- "400": {
692
- "value": "#121317",
744
+ "900": {
745
+ "value": "#072d1d",
693
746
  "type": "color"
694
747
  },
695
- "300": {
696
- "value": "#16181D",
748
+ "850": {
749
+ "value": "#0b442c",
750
+ "type": "color"
751
+ },
752
+ "800": {
753
+ "value": "#0f5a3a",
754
+ "type": "color"
755
+ },
756
+ "700": {
757
+ "value": "#168757",
758
+ "type": "color"
759
+ },
760
+ "600": {
761
+ "value": "#1eb475",
762
+ "type": "color"
763
+ },
764
+ "500": {
765
+ "value": "#25e192",
766
+ "type": "color"
767
+ },
768
+ "400": {
769
+ "value": "#50e7a7",
770
+ "type": "color"
771
+ },
772
+ "300": {
773
+ "value": "#7cedbd",
774
+ "type": "color"
775
+ },
776
+ "200": {
777
+ "value": "#a8f3d3",
778
+ "type": "color"
779
+ },
780
+ "150": {
781
+ "value": "#bef6de",
782
+ "type": "color"
783
+ },
784
+ "100": {
785
+ "value": "#d3f9e9",
786
+ "type": "color"
787
+ },
788
+ "50": {
789
+ "value": "#e9fcf4",
790
+ "type": "color"
791
+ }
792
+ },
793
+ "Ink": {
794
+ "500": {
795
+ "value": "#0B0C0E",
796
+ "type": "color"
797
+ },
798
+ "400": {
799
+ "value": "#121317",
800
+ "type": "color"
801
+ },
802
+ "300": {
803
+ "value": "#16181D",
697
804
  "type": "color"
698
805
  },
699
806
  "200": {
@@ -749,413 +856,511 @@ export declare const colorTokens: {
749
856
  "type": "color"
750
857
  }
751
858
  },
752
- "Gradient": {
753
- "Coral": {
754
- "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
859
+ "NeutralDark": {
860
+ "1000": {
861
+ "value": "#0a0c10",
755
862
  "type": "color"
756
863
  },
757
- "Dark-Shadow": {
758
- "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
864
+ "950": {
865
+ "value": "#121317",
759
866
  "type": "color"
760
867
  },
761
- "Dawn": {
762
- "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
868
+ "900": {
869
+ "value": "#16181d",
763
870
  "type": "color"
764
871
  },
765
- "Ocean": {
766
- "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
872
+ "800": {
873
+ "value": "#23262e",
767
874
  "type": "color"
768
875
  },
769
- "Splash": {
770
- "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
876
+ "700": {
877
+ "value": "#2c303a",
771
878
  "type": "color"
772
879
  },
773
- "Flamingo": {
774
- "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
880
+ "600": {
881
+ "value": "#343945",
882
+ "type": "color"
883
+ },
884
+ "500": {
885
+ "value": "#414755",
886
+ "type": "color"
887
+ },
888
+ "400": {
889
+ "value": "#5a6070",
890
+ "type": "color"
891
+ },
892
+ "300": {
893
+ "value": "#676e7d",
894
+ "type": "color"
895
+ },
896
+ "200": {
897
+ "value": "#747b8b",
898
+ "type": "color"
899
+ },
900
+ "100": {
901
+ "value": "#adb4c2",
902
+ "type": "color"
903
+ },
904
+ "50": {
905
+ "value": "#eceef2",
775
906
  "type": "color"
776
907
  }
777
908
  },
778
- "Forest": {
779
- "50": {
780
- "value": "#E9FCF4",
909
+ "NeutralLight": {
910
+ "1000": {
911
+ "value": "#fcfcfd",
781
912
  "type": "color"
782
913
  },
783
- "100": {
784
- "value": "#D3F9E9",
914
+ "950": {
915
+ "value": "#f9f9fb",
785
916
  "type": "color"
786
917
  },
787
- "150": {
788
- "value": "#BEF6DE",
918
+ "900": {
919
+ "value": "#eff0f3",
789
920
  "type": "color"
790
921
  },
791
- "200": {
792
- "value": "#A8F3D3",
922
+ "800": {
923
+ "value": "#e7e8ec",
793
924
  "type": "color"
794
925
  },
795
- "300": {
796
- "value": "#7CEDBE",
926
+ "700": {
927
+ "value": "#e0e1e6",
797
928
  "type": "color"
798
929
  },
799
- "400": {
800
- "value": "#51E7A8",
930
+ "600": {
931
+ "value": "#d8d9e0",
801
932
  "type": "color"
802
933
  },
803
934
  "500": {
804
- "value": "#25E192",
935
+ "value": "#cdced7",
805
936
  "type": "color"
806
937
  },
807
- "600": {
808
- "value": "#1EB475",
938
+ "400": {
939
+ "value": "#b9bbc6",
809
940
  "type": "color"
810
941
  },
811
- "700": {
812
- "value": "#168758",
942
+ "300": {
943
+ "value": "#8b8d98",
813
944
  "type": "color"
814
945
  },
815
- "800": {
816
- "value": "#0F5A3A",
946
+ "200": {
947
+ "value": "#80828d",
817
948
  "type": "color"
818
949
  },
819
- "850": {
820
- "value": "#0B442C",
950
+ "100": {
951
+ "value": "#62636c",
821
952
  "type": "color"
822
953
  },
823
- "900": {
824
- "value": "#072D1D",
954
+ "50": {
955
+ "value": "#1e1f24",
956
+ "type": "color"
957
+ }
958
+ },
959
+ "Base": {
960
+ "Black": {
961
+ "value": "#000000",
825
962
  "type": "color"
826
963
  },
827
- "950": {
828
- "value": "#04170F",
964
+ "White": {
965
+ "value": "#ffffff",
966
+ "type": "color"
967
+ }
968
+ },
969
+ "Gradient": {
970
+ "Coral": {
971
+ "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
972
+ "type": "color"
973
+ },
974
+ "Dark-Shadow": {
975
+ "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
976
+ "type": "color"
977
+ },
978
+ "Styx": {
979
+ "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
980
+ "type": "color"
981
+ },
982
+ "Dawn": {
983
+ "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
984
+ "type": "color"
985
+ },
986
+ "Ocean": {
987
+ "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
988
+ "type": "color"
989
+ },
990
+ "Splash": {
991
+ "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
992
+ "type": "color"
993
+ },
994
+ "Flamingo": {
995
+ "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
829
996
  "type": "color"
830
997
  }
831
998
  }
832
999
  },
833
1000
  "text": {
834
1001
  "Robin": {
835
- "50": {
836
- "value": "#EDF1FE",
837
- "type": "color"
838
- },
839
- "100": {
840
- "value": "#DCE3FE",
1002
+ "950": {
1003
+ "value": "#091233",
841
1004
  "type": "color"
842
1005
  },
843
- "150": {
844
- "value": "#CAD5FD",
1006
+ "900": {
1007
+ "value": "#101d49",
845
1008
  "type": "color"
846
1009
  },
847
- "200": {
848
- "value": "#B8C7FC",
1010
+ "800": {
1011
+ "value": "#1f3274",
849
1012
  "type": "color"
850
1013
  },
851
- "300": {
852
- "value": "#95ACFB",
1014
+ "700": {
1015
+ "value": "#2f48a0",
853
1016
  "type": "color"
854
1017
  },
855
- "400": {
856
- "value": "#7190F9",
1018
+ "600": {
1019
+ "value": "#3f5ecc",
857
1020
  "type": "color"
858
1021
  },
859
1022
  "500": {
860
- "value": "#4E74F8",
1023
+ "value": "#4e74f8",
861
1024
  "type": "color"
862
1025
  },
863
- "600": {
864
- "value": "#3F5ECC",
1026
+ "400": {
1027
+ "value": "#7190f9",
865
1028
  "type": "color"
866
1029
  },
867
- "700": {
868
- "value": "#2F48A0",
1030
+ "300": {
1031
+ "value": "#95acfb",
869
1032
  "type": "color"
870
1033
  },
871
- "800": {
872
- "value": "#203375",
1034
+ "200": {
1035
+ "value": "#b8c7fc",
873
1036
  "type": "color"
874
1037
  },
875
- "850": {
876
- "value": "#18285F",
1038
+ "150": {
1039
+ "value": "#cad5fd",
877
1040
  "type": "color"
878
1041
  },
879
- "900": {
880
- "value": "#101D49",
1042
+ "100": {
1043
+ "value": "#cad5fd",
881
1044
  "type": "color"
882
1045
  },
883
- "950": {
884
- "value": "#091233",
1046
+ "50": {
1047
+ "value": "#edf1fe",
885
1048
  "type": "color"
886
1049
  }
887
1050
  },
888
1051
  "Sienna": {
889
- "50": {
890
- "value": "#F7F2EE",
1052
+ "950": {
1053
+ "value": "#110d09",
891
1054
  "type": "color"
892
1055
  },
893
- "100": {
894
- "value": "#EFE5DE",
1056
+ "900": {
1057
+ "value": "#231912",
895
1058
  "type": "color"
896
1059
  },
897
- "150": {
898
- "value": "#E6D9CD",
1060
+ "850": {
1061
+ "value": "#34261a",
899
1062
  "type": "color"
900
1063
  },
901
- "200": {
902
- "value": "#DECCBC",
1064
+ "800": {
1065
+ "value": "#453223",
903
1066
  "type": "color"
904
1067
  },
905
- "300": {
906
- "value": "#CEB29B",
1068
+ "700": {
1069
+ "value": "#684c35",
907
1070
  "type": "color"
908
1071
  },
909
- "400": {
910
- "value": "#BD9979",
1072
+ "600": {
1073
+ "value": "#8a6546",
911
1074
  "type": "color"
912
1075
  },
913
1076
  "500": {
914
- "value": "#AD7F58",
915
- "type": "color"
916
- },
917
- "600": {
918
- "value": "#8A6646",
1077
+ "value": "#ad7f58",
919
1078
  "type": "color"
920
1079
  },
921
- "700": {
922
- "value": "#684C35",
1080
+ "400": {
1081
+ "value": "#bd9879",
923
1082
  "type": "color"
924
1083
  },
925
- "800": {
926
- "value": "#453323",
1084
+ "300": {
1085
+ "value": "#ceb29b",
927
1086
  "type": "color"
928
1087
  },
929
- "850": {
930
- "value": "#34261A",
1088
+ "200": {
1089
+ "value": "#decbbc",
931
1090
  "type": "color"
932
1091
  },
933
- "900": {
934
- "value": "#231912",
1092
+ "100": {
1093
+ "value": "#e6d9cd",
935
1094
  "type": "color"
936
1095
  },
937
- "950": {
938
- "value": "#110D09",
1096
+ "50": {
1097
+ "value": "#f7f2ee",
939
1098
  "type": "color"
940
1099
  }
941
1100
  },
942
1101
  "Cherry": {
943
- "50": {
944
- "value": "#FCEDED",
1102
+ "950": {
1103
+ "value": "#1b0809",
945
1104
  "type": "color"
946
1105
  },
947
- "100": {
948
- "value": "#FADADB",
1106
+ "900": {
1107
+ "value": "#320f10",
949
1108
  "type": "color"
950
1109
  },
951
- "150": {
952
- "value": "#F7C8CA",
1110
+ "850": {
1111
+ "value": "#481618",
953
1112
  "type": "color"
954
1113
  },
955
- "200": {
956
- "value": "#F5B6B8",
1114
+ "800": {
1115
+ "value": "#5e1d1f",
957
1116
  "type": "color"
958
1117
  },
959
- "300": {
960
- "value": "#EF9194",
1118
+ "700": {
1119
+ "value": "#8b2c2f",
961
1120
  "type": "color"
962
1121
  },
963
- "400": {
964
- "value": "#EA6D71",
1122
+ "600": {
1123
+ "value": "#b83a3e",
965
1124
  "type": "color"
966
1125
  },
967
1126
  "500": {
968
- "value": "#E5484D",
969
- "type": "color"
970
- },
971
- "600": {
972
- "value": "#B83A3E",
1127
+ "value": "#e5484d",
973
1128
  "type": "color"
974
1129
  },
975
- "700": {
976
- "value": "#8B2C2F",
1130
+ "400": {
1131
+ "value": "#ea6d71",
977
1132
  "type": "color"
978
1133
  },
979
- "800": {
980
- "value": "#5F1D1F",
1134
+ "300": {
1135
+ "value": "#f5b6b8",
981
1136
  "type": "color"
982
1137
  },
983
- "850": {
984
- "value": "#481618",
1138
+ "200": {
1139
+ "value": "#f7c8ca",
985
1140
  "type": "color"
986
1141
  },
987
- "900": {
988
- "value": "#320F10",
1142
+ "100": {
1143
+ "value": "#fadadb",
989
1144
  "type": "color"
990
1145
  },
991
- "950": {
992
- "value": "#1B0809",
1146
+ "50": {
1147
+ "value": "#fceded",
993
1148
  "type": "color"
994
1149
  }
995
1150
  },
996
1151
  "Aqua": {
997
- "50": {
998
- "value": "#E9F9FE",
1152
+ "950": {
1153
+ "value": "#041419",
999
1154
  "type": "color"
1000
1155
  },
1001
- "100": {
1002
- "value": "#D3F3FE",
1156
+ "900": {
1157
+ "value": "#072732",
1003
1158
  "type": "color"
1004
1159
  },
1005
- "150": {
1006
- "value": "#BDEDFD",
1160
+ "850": {
1161
+ "value": "#0b3b4a",
1007
1162
  "type": "color"
1008
1163
  },
1009
- "200": {
1010
- "value": "#A7E7FC",
1164
+ "800": {
1165
+ "value": "#0e4e63",
1011
1166
  "type": "color"
1012
1167
  },
1013
- "300": {
1014
- "value": "#7BDCFB",
1168
+ "700": {
1169
+ "value": "#157594",
1015
1170
  "type": "color"
1016
1171
  },
1017
- "400": {
1018
- "value": "#4FD0F9",
1172
+ "600": {
1173
+ "value": "#07afe6",
1019
1174
  "type": "color"
1020
1175
  },
1021
1176
  "500": {
1022
- "value": "#23C4F8",
1177
+ "value": "#23c4f8",
1023
1178
  "type": "color"
1024
1179
  },
1025
- "600": {
1026
- "value": "#1C9DC6",
1027
- "type": "color"
1028
- },
1029
- "700": {
1030
- "value": "#157695",
1180
+ "400": {
1181
+ "value": "#4bcff9",
1031
1182
  "type": "color"
1032
1183
  },
1033
- "800": {
1034
- "value": "#0E4E63",
1184
+ "300": {
1185
+ "value": "#72d9fb",
1035
1186
  "type": "color"
1036
1187
  },
1037
- "850": {
1038
- "value": "#0B3B4A",
1188
+ "200": {
1189
+ "value": "#9ae4fc",
1039
1190
  "type": "color"
1040
1191
  },
1041
- "900": {
1042
- "value": "#072732",
1192
+ "100": {
1193
+ "value": "#c1eefd",
1043
1194
  "type": "color"
1044
1195
  },
1045
- "950": {
1046
- "value": "#041419",
1196
+ "50": {
1197
+ "value": "#e9f9fe",
1047
1198
  "type": "color"
1048
1199
  }
1049
1200
  },
1050
1201
  "Sakura": {
1051
- "50": {
1052
- "value": "#FEEDF0",
1202
+ "950": {
1203
+ "value": "#26080e",
1053
1204
  "type": "color"
1054
1205
  },
1055
- "100": {
1056
- "value": "#FCDAE1",
1206
+ "900": {
1207
+ "value": "#3d0f18",
1057
1208
  "type": "color"
1058
1209
  },
1059
- "150": {
1060
- "value": "#FBC8D2",
1210
+ "850": {
1211
+ "value": "#531622",
1061
1212
  "type": "color"
1062
1213
  },
1063
- "200": {
1064
- "value": "#FAB5C3",
1214
+ "800": {
1215
+ "value": "#6a1d2c",
1065
1216
  "type": "color"
1066
1217
  },
1067
- "300": {
1068
- "value": "#F791A5",
1218
+ "700": {
1219
+ "value": "#982b41",
1069
1220
  "type": "color"
1070
1221
  },
1071
- "400": {
1072
- "value": "#F56C87",
1222
+ "600": {
1223
+ "value": "#c53955",
1073
1224
  "type": "color"
1074
1225
  },
1075
1226
  "500": {
1076
- "value": "#F24769",
1227
+ "value": "#f24769",
1077
1228
  "type": "color"
1078
1229
  },
1079
- "600": {
1080
- "value": "#C53955",
1230
+ "400": {
1231
+ "value": "#f56c87",
1081
1232
  "type": "color"
1082
1233
  },
1083
- "700": {
1084
- "value": "#982B41",
1234
+ "300": {
1235
+ "value": "#f791a5",
1085
1236
  "type": "color"
1086
1237
  },
1087
- "800": {
1088
- "value": "#6A1D2C",
1238
+ "200": {
1239
+ "value": "#fab5c3",
1089
1240
  "type": "color"
1090
1241
  },
1091
- "850": {
1092
- "value": "#541622",
1242
+ "150": {
1243
+ "value": "#fbc8d2",
1093
1244
  "type": "color"
1094
1245
  },
1095
- "900": {
1096
- "value": "#3D0F18",
1246
+ "100": {
1247
+ "value": "#fbc8d2",
1097
1248
  "type": "color"
1098
1249
  },
1099
- "950": {
1100
- "value": "#27080E",
1250
+ "50": {
1251
+ "value": "#feedf0",
1101
1252
  "type": "color"
1102
1253
  }
1103
1254
  },
1104
1255
  "Amber": {
1105
- "50": {
1106
- "value": "#FFFAEE",
1256
+ "1000": {
1257
+ "value": "#2d2000",
1107
1258
  "type": "color"
1108
1259
  },
1109
- "100": {
1110
- "value": "#FFF5DD",
1260
+ "950": {
1261
+ "value": "#423109",
1111
1262
  "type": "color"
1112
1263
  },
1113
- "150": {
1114
- "value": "#FFF0CC",
1264
+ "900": {
1265
+ "value": "#574311",
1115
1266
  "type": "color"
1116
1267
  },
1117
- "200": {
1118
- "value": "#FFEBBB",
1268
+ "850": {
1269
+ "value": "#6c5319",
1119
1270
  "type": "color"
1120
1271
  },
1121
- "300": {
1122
- "value": "#FFE19A",
1272
+ "800": {
1273
+ "value": "#816522",
1123
1274
  "type": "color"
1124
1275
  },
1125
- "400": {
1126
- "value": "#FFD778",
1276
+ "700": {
1277
+ "value": "#ab8834",
1278
+ "type": "color"
1279
+ },
1280
+ "600": {
1281
+ "value": "#d5aa45",
1127
1282
  "type": "color"
1128
1283
  },
1129
1284
  "500": {
1130
- "value": "#FFCD56",
1285
+ "value": "#ffcc56",
1131
1286
  "type": "color"
1132
1287
  },
1133
- "600": {
1134
- "value": "#D5AA45",
1288
+ "400": {
1289
+ "value": "#ffd778",
1135
1290
  "type": "color"
1136
1291
  },
1137
- "700": {
1138
- "value": "#AB8834",
1292
+ "300": {
1293
+ "value": "#ffe19a",
1139
1294
  "type": "color"
1140
1295
  },
1141
- "800": {
1142
- "value": "#816522",
1296
+ "200": {
1297
+ "value": "#ffebbb",
1143
1298
  "type": "color"
1144
1299
  },
1145
- "850": {
1146
- "value": "#6C541A",
1300
+ "150": {
1301
+ "value": "#fff0cc",
1147
1302
  "type": "color"
1148
1303
  },
1149
- "900": {
1150
- "value": "#574311",
1304
+ "100": {
1305
+ "value": "#fff0cc",
1151
1306
  "type": "color"
1152
1307
  },
1308
+ "50": {
1309
+ "value": "#fffaee",
1310
+ "type": "color"
1311
+ }
1312
+ },
1313
+ "Forest": {
1153
1314
  "950": {
1154
- "value": "#423109",
1315
+ "value": "#04170f",
1155
1316
  "type": "color"
1156
1317
  },
1157
- "1000": {
1158
- "value": "#2D2000",
1318
+ "900": {
1319
+ "value": "#072d1d",
1320
+ "type": "color"
1321
+ },
1322
+ "850": {
1323
+ "value": "#0b442c",
1324
+ "type": "color"
1325
+ },
1326
+ "800": {
1327
+ "value": "#0f5a3a",
1328
+ "type": "color"
1329
+ },
1330
+ "700": {
1331
+ "value": "#168757",
1332
+ "type": "color"
1333
+ },
1334
+ "600": {
1335
+ "value": "#1eb475",
1336
+ "type": "color"
1337
+ },
1338
+ "500": {
1339
+ "value": "#25e192",
1340
+ "type": "color"
1341
+ },
1342
+ "400": {
1343
+ "value": "#50e7a7",
1344
+ "type": "color"
1345
+ },
1346
+ "300": {
1347
+ "value": "#7cedbd",
1348
+ "type": "color"
1349
+ },
1350
+ "200": {
1351
+ "value": "#a8f3d3",
1352
+ "type": "color"
1353
+ },
1354
+ "150": {
1355
+ "value": "#bef6de",
1356
+ "type": "color"
1357
+ },
1358
+ "100": {
1359
+ "value": "#d3f9e9",
1360
+ "type": "color"
1361
+ },
1362
+ "50": {
1363
+ "value": "#e9fcf4",
1159
1364
  "type": "color"
1160
1365
  }
1161
1366
  },
@@ -1225,83 +1430,143 @@ export declare const colorTokens: {
1225
1430
  "type": "color"
1226
1431
  }
1227
1432
  },
1228
- "Gradient": {
1229
- "Coral": {
1230
- "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
1433
+ "NeutralDark": {
1434
+ "1000": {
1435
+ "value": "#0a0c10",
1231
1436
  "type": "color"
1232
1437
  },
1233
- "Dark-Shadow": {
1234
- "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
1438
+ "950": {
1439
+ "value": "#121317",
1235
1440
  "type": "color"
1236
1441
  },
1237
- "Dawn": {
1238
- "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
1442
+ "900": {
1443
+ "value": "#16181d",
1239
1444
  "type": "color"
1240
1445
  },
1241
- "Ocean": {
1242
- "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
1446
+ "800": {
1447
+ "value": "#23262e",
1243
1448
  "type": "color"
1244
1449
  },
1245
- "Splash": {
1246
- "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
1450
+ "700": {
1451
+ "value": "#2c303a",
1247
1452
  "type": "color"
1248
1453
  },
1249
- "Flamingo": {
1250
- "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
1454
+ "600": {
1455
+ "value": "#343945",
1456
+ "type": "color"
1457
+ },
1458
+ "500": {
1459
+ "value": "#414755",
1460
+ "type": "color"
1461
+ },
1462
+ "400": {
1463
+ "value": "#5a6070",
1464
+ "type": "color"
1465
+ },
1466
+ "300": {
1467
+ "value": "#676e7d",
1468
+ "type": "color"
1469
+ },
1470
+ "200": {
1471
+ "value": "#747b8b",
1472
+ "type": "color"
1473
+ },
1474
+ "100": {
1475
+ "value": "#adb4c2",
1476
+ "type": "color"
1477
+ },
1478
+ "50": {
1479
+ "value": "#eceef2",
1251
1480
  "type": "color"
1252
1481
  }
1253
1482
  },
1254
- "Forest": {
1255
- "50": {
1256
- "value": "#E9FCF4",
1483
+ "NeutralLight": {
1484
+ "1000": {
1485
+ "value": "#fcfcfd",
1257
1486
  "type": "color"
1258
1487
  },
1259
- "100": {
1260
- "value": "#D3F9E9",
1488
+ "950": {
1489
+ "value": "#f9f9fb",
1261
1490
  "type": "color"
1262
1491
  },
1263
- "150": {
1264
- "value": "#BEF6DE",
1492
+ "900": {
1493
+ "value": "#eff0f3",
1265
1494
  "type": "color"
1266
1495
  },
1267
- "200": {
1268
- "value": "#A8F3D3",
1496
+ "800": {
1497
+ "value": "#e7e8ec",
1269
1498
  "type": "color"
1270
1499
  },
1271
- "300": {
1272
- "value": "#7CEDBE",
1500
+ "700": {
1501
+ "value": "#e0e1e6",
1273
1502
  "type": "color"
1274
1503
  },
1275
- "400": {
1276
- "value": "#51E7A8",
1504
+ "600": {
1505
+ "value": "#d8d9e0",
1277
1506
  "type": "color"
1278
1507
  },
1279
1508
  "500": {
1280
- "value": "#25E192",
1509
+ "value": "#cdced7",
1510
+ "type": "color"
1511
+ },
1512
+ "400": {
1513
+ "value": "#b9bbc6",
1514
+ "type": "color"
1515
+ },
1516
+ "300": {
1517
+ "value": "#8b8d98",
1518
+ "type": "color"
1519
+ },
1520
+ "200": {
1521
+ "value": "#80828d",
1522
+ "type": "color"
1523
+ },
1524
+ "100": {
1525
+ "value": "#62636c",
1526
+ "type": "color"
1527
+ },
1528
+ "50": {
1529
+ "value": "#1e1f24",
1530
+ "type": "color"
1531
+ }
1532
+ },
1533
+ "Base": {
1534
+ "Black": {
1535
+ "value": "#000000",
1536
+ "type": "color"
1537
+ },
1538
+ "White": {
1539
+ "value": "#ffffff",
1540
+ "type": "color"
1541
+ }
1542
+ },
1543
+ "Gradient": {
1544
+ "Coral": {
1545
+ "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
1281
1546
  "type": "color"
1282
1547
  },
1283
- "600": {
1284
- "value": "#1EB475",
1548
+ "Dark-Shadow": {
1549
+ "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
1285
1550
  "type": "color"
1286
1551
  },
1287
- "700": {
1288
- "value": "#168758",
1552
+ "Styx": {
1553
+ "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
1289
1554
  "type": "color"
1290
1555
  },
1291
- "800": {
1292
- "value": "#0F5A3A",
1556
+ "Dawn": {
1557
+ "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
1293
1558
  "type": "color"
1294
1559
  },
1295
- "850": {
1296
- "value": "#0B442C",
1560
+ "Ocean": {
1561
+ "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
1297
1562
  "type": "color"
1298
1563
  },
1299
- "900": {
1300
- "value": "#072D1D",
1564
+ "Splash": {
1565
+ "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
1301
1566
  "type": "color"
1302
1567
  },
1303
- "950": {
1304
- "value": "#04170F",
1568
+ "Flamingo": {
1569
+ "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
1305
1570
  "type": "color"
1306
1571
  }
1307
1572
  }
@@ -1312,7 +1577,7 @@ export declare type ColorType = (typeof Color)[keyof typeof Color];
1312
1577
 
1313
1578
  /**
1314
1579
  * Do not edit directly
1315
- * Generated on Tue, 03 Jun 2025 15:32:50 GMT
1580
+ * Generated on Sun, 27 Oct 2024 10:29:22 GMT
1316
1581
  */
1317
1582
  export declare const Spacing: {
1318
1583
  PADDING_1: string;
@@ -1506,13 +1771,276 @@ export declare const spacingTokens: {
1506
1771
 
1507
1772
  export declare type SpacingType = (typeof Spacing)[keyof typeof Spacing];
1508
1773
 
1774
+ /**
1775
+ * Semantic Token Constants
1776
+ * DO NOT EDIT DIRECTLY - This file is auto-generated
1777
+ * Generated on Sat, 24 Jan 2026 12:23:24 GMT
1778
+ */
1779
+ export declare const Style: {
1780
+ readonly BACKGROUND: "var(--background)";
1781
+ readonly FOREGROUND: "var(--foreground)";
1782
+ readonly CARD: "var(--card)";
1783
+ readonly CARD_FOREGROUND: "var(--card-foreground)";
1784
+ readonly POPOVER: "var(--popover)";
1785
+ readonly POPOVER_FOREGROUND: "var(--popover-foreground)";
1786
+ readonly PRIMARY: "var(--primary)";
1787
+ readonly SECONDARY: "var(--secondary)";
1788
+ readonly MUTED: "var(--muted)";
1789
+ readonly MUTED_FOREGROUND: "var(--muted-foreground)";
1790
+ readonly ACCENT: "var(--accent)";
1791
+ readonly ACCENT_FOREGROUND: "var(--accent-foreground)";
1792
+ readonly DESTRUCTIVE: "var(--destructive)";
1793
+ readonly DESTRUCTIVE_FOREGROUND: "var(--destructive-foreground)";
1794
+ readonly BORDER: "var(--border)";
1795
+ readonly INPUT: "var(--input)";
1796
+ readonly RING: "var(--ring)";
1797
+ readonly RADIUS: "var(--radius)";
1798
+ readonly CHART_1: "var(--chart-1)";
1799
+ readonly CHART_2: "var(--chart-2)";
1800
+ readonly CHART_3: "var(--chart-3)";
1801
+ readonly CHART_4: "var(--chart-4)";
1802
+ readonly CHART_5: "var(--chart-5)";
1803
+ readonly SIDEBAR: "var(--sidebar)";
1804
+ readonly SIDEBAR_FOREGROUND: "var(--sidebar-foreground)";
1805
+ readonly SIDEBAR_PRIMARY: "var(--sidebar-primary)";
1806
+ readonly SIDEBAR_PRIMARY_FOREGROUND: "var(--sidebar-primary-foreground)";
1807
+ readonly SIDEBAR_ACCENT: "var(--sidebar-accent)";
1808
+ readonly SIDEBAR_ACCENT_FOREGROUND: "var(--sidebar-accent-foreground)";
1809
+ readonly SIDEBAR_BORDER: "var(--sidebar-border)";
1810
+ readonly SIDEBAR_RING: "var(--sidebar-ring)";
1811
+ readonly FONT_SANS: "var(--font-sans)";
1812
+ readonly FONT_SERIF: "var(--font-serif)";
1813
+ readonly FONT_MONO: "var(--font-mono)";
1814
+ readonly BASE_WHITE: "var(--base-white)";
1815
+ readonly BASE_BLACK: "var(--base-black)";
1816
+ readonly L1_BACKGROUND: "var(--l1-background)";
1817
+ readonly L2_BACKGROUND: "var(--l2-background)";
1818
+ readonly L3_BACKGROUND: "var(--l3-background)";
1819
+ readonly L1_BACKGROUND_HOVER: "var(--l1-background-hover)";
1820
+ readonly L2_BACKGROUND_HOVER: "var(--l2-background-hover)";
1821
+ readonly L3_BACKGROUND_HOVER: "var(--l3-background-hover)";
1822
+ readonly L1_FOREGROUND: "var(--l1-foreground)";
1823
+ readonly L1_FOREGROUND_HOVER: "var(--l1-foreground-hover)";
1824
+ readonly L2_FOREGROUND: "var(--l2-foreground)";
1825
+ readonly L2_FOREGROUND_HOVER: "var(--l2-foreground-hover)";
1826
+ readonly L3_FOREGROUND: "var(--l3-foreground)";
1827
+ readonly L3_FOREGROUND_HOVER: "var(--l3-foreground-hover)";
1828
+ readonly L1_BORDER: "var(--l1-border)";
1829
+ readonly L2_BORDER: "var(--l2-border)";
1830
+ readonly L3_BORDER: "var(--l3-border)";
1831
+ readonly PRIMARY_BACKGROUND: "var(--primary-background)";
1832
+ readonly PRIMARY_BACKGROUND_HOVER: "var(--primary-background-hover)";
1833
+ readonly PRIMARY_FOREGROUND: "var(--primary-foreground)";
1834
+ readonly PRIMARY_FOREGROUND_HOVER: "var(--primary-foreground-hover)";
1835
+ readonly SECONDARY_BACKGROUND: "var(--secondary-background)";
1836
+ readonly SECONDARY_BACKGROUND_HOVER: "var(--secondary-background-hover)";
1837
+ readonly SECONDARY_FOREGROUND: "var(--secondary-foreground)";
1838
+ readonly SECONDARY_FOREGROUND_HOVER: "var(--secondary-foreground-hover)";
1839
+ readonly SECONDARY_BORDER: "var(--secondary-border)";
1840
+ readonly SUCCESS_BACKGROUND: "var(--success-background)";
1841
+ readonly SUCCESS_BACKGROUND_HOVER: "var(--success-background-hover)";
1842
+ readonly SUCCESS_FOREGROUND: "var(--success-foreground)";
1843
+ readonly SUCCESS_FOREGROUND_HOVER: "var(--success-foreground-hover)";
1844
+ readonly WARNING_BACKGROUND: "var(--warning-background)";
1845
+ readonly WARNING_BACKGROUND_HOVER: "var(--warning-background-hover)";
1846
+ readonly WARNING_FOREGROUND: "var(--warning-foreground)";
1847
+ readonly WARNING_FOREGROUND_HOVER: "var(--warning-foreground-hover)";
1848
+ readonly DANGER_BACKGROUND: "var(--danger-background)";
1849
+ readonly DANGER_BACKGROUND_HOVER: "var(--danger-background-hover)";
1850
+ readonly DANGER_FOREGROUND: "var(--danger-foreground)";
1851
+ readonly DANGER_FOREGROUND_HOVER: "var(--danger-foreground-hover)";
1852
+ readonly L1_BACKGROUND_TRANSPARENT: "var(--l1-background-transparent)";
1853
+ readonly L1_BACKGROUND_60: "var(--l1-background-60)";
1854
+ readonly L2_BACKGROUND_TRANSPARENT: "var(--l2-background-transparent)";
1855
+ readonly L2_BACKGROUND_60: "var(--l2-background-60)";
1856
+ readonly L3_BACKGROUND_TRANSPARENT: "var(--l3-background-transparent)";
1857
+ readonly L3_BACKGROUND_60: "var(--l3-background-60)";
1858
+ readonly ALERT_STRIP_BUTTON_BACKGROUND: "var(--alert-strip-button-background)";
1859
+ readonly CALLOUT_PRIMARY_BACKGROUND: "var(--callout-primary-background)";
1860
+ readonly CALLOUT_PRIMARY_BORDER: "var(--callout-primary-border)";
1861
+ readonly CALLOUT_PRIMARY_TITLE: "var(--callout-primary-title)";
1862
+ readonly CALLOUT_PRIMARY_DESCRIPTION: "var(--callout-primary-description)";
1863
+ readonly CALLOUT_PRIMARY_ICON: "var(--callout-primary-icon)";
1864
+ readonly CALLOUT_SUCCESS_BACKGROUND: "var(--callout-success-background)";
1865
+ readonly CALLOUT_SUCCESS_BORDER: "var(--callout-success-border)";
1866
+ readonly CALLOUT_SUCCESS_TITLE: "var(--callout-success-title)";
1867
+ readonly CALLOUT_SUCCESS_DESCRIPTION: "var(--callout-success-description)";
1868
+ readonly CALLOUT_SUCCESS_ICON: "var(--callout-success-icon)";
1869
+ readonly CALLOUT_WARNING_BACKGROUND: "var(--callout-warning-background)";
1870
+ readonly CALLOUT_WARNING_BORDER: "var(--callout-warning-border)";
1871
+ readonly CALLOUT_WARNING_TITLE: "var(--callout-warning-title)";
1872
+ readonly CALLOUT_WARNING_DESCRIPTION: "var(--callout-warning-description)";
1873
+ readonly CALLOUT_WARNING_ICON: "var(--callout-warning-icon)";
1874
+ readonly CALLOUT_ERROR_BACKGROUND: "var(--callout-error-background)";
1875
+ readonly CALLOUT_ERROR_BORDER: "var(--callout-error-border)";
1876
+ readonly CALLOUT_ERROR_TITLE: "var(--callout-error-title)";
1877
+ readonly CALLOUT_ERROR_DESCRIPTION: "var(--callout-error-description)";
1878
+ readonly CALLOUT_ERROR_ICON: "var(--callout-error-icon)";
1879
+ readonly ACCENT_PRIMARY: "var(--accent-primary)";
1880
+ readonly ACCENT_PRIMARY_HOVER: "var(--accent-primary-hover)";
1881
+ readonly ACCENT_PRIMARY_FOREGROUND: "var(--accent-primary-foreground)";
1882
+ readonly ACCENT_FOREST: "var(--accent-forest)";
1883
+ readonly ACCENT_FOREST_HOVER: "var(--accent-forest-hover)";
1884
+ readonly ACCENT_FOREST_FOREGROUND: "var(--accent-forest-foreground)";
1885
+ readonly ACCENT_AMBER: "var(--accent-amber)";
1886
+ readonly ACCENT_AMBER_HOVER: "var(--accent-amber-hover)";
1887
+ readonly ACCENT_AMBER_FOREGROUND: "var(--accent-amber-foreground)";
1888
+ readonly ACCENT_CHERRY: "var(--accent-cherry)";
1889
+ readonly ACCENT_CHERRY_HOVER: "var(--accent-cherry-hover)";
1890
+ readonly ACCENT_CHERRY_FOREGROUND: "var(--accent-cherry-foreground)";
1891
+ readonly ACCENT_AQUA: "var(--accent-aqua)";
1892
+ readonly ACCENT_AQUA_HOVER: "var(--accent-aqua-hover)";
1893
+ readonly ACCENT_AQUA_FOREGROUND: "var(--accent-aqua-foreground)";
1894
+ readonly ACCENT_SAKURA: "var(--accent-sakura)";
1895
+ readonly ACCENT_SAKURA_HOVER: "var(--accent-sakura-hover)";
1896
+ readonly ACCENT_SAKURA_FOREGROUND: "var(--accent-sakura-foreground)";
1897
+ readonly ACCENT_SIENNA: "var(--accent-sienna)";
1898
+ readonly ACCENT_SIENNA_HOVER: "var(--accent-sienna-hover)";
1899
+ readonly ACCENT_SIENNA_FOREGROUND: "var(--accent-sienna-foreground)";
1900
+ };
1901
+
1902
+ /**
1903
+ * Semantic Token Tailwind Config
1904
+ * DO NOT EDIT DIRECTLY - This file is auto-generated
1905
+ * Generated on Sat, 24 Jan 2026 12:23:24 GMT
1906
+ */
1907
+ export declare const StyleTailwind: {
1908
+ readonly background: "var(--background)";
1909
+ readonly foreground: "var(--foreground)";
1910
+ readonly card: "var(--card)";
1911
+ readonly 'card-foreground': "var(--card-foreground)";
1912
+ readonly popover: "var(--popover)";
1913
+ readonly 'popover-foreground': "var(--popover-foreground)";
1914
+ readonly primary: "var(--primary)";
1915
+ readonly secondary: "var(--secondary)";
1916
+ readonly muted: "var(--muted)";
1917
+ readonly 'muted-foreground': "var(--muted-foreground)";
1918
+ readonly accent: "var(--accent)";
1919
+ readonly 'accent-foreground': "var(--accent-foreground)";
1920
+ readonly destructive: "var(--destructive)";
1921
+ readonly 'destructive-foreground': "var(--destructive-foreground)";
1922
+ readonly border: "var(--border)";
1923
+ readonly input: "var(--input)";
1924
+ readonly ring: "var(--ring)";
1925
+ readonly radius: "var(--radius)";
1926
+ readonly 'chart-1': "var(--chart-1)";
1927
+ readonly 'chart-2': "var(--chart-2)";
1928
+ readonly 'chart-3': "var(--chart-3)";
1929
+ readonly 'chart-4': "var(--chart-4)";
1930
+ readonly 'chart-5': "var(--chart-5)";
1931
+ readonly sidebar: "var(--sidebar)";
1932
+ readonly 'sidebar-foreground': "var(--sidebar-foreground)";
1933
+ readonly 'sidebar-primary': "var(--sidebar-primary)";
1934
+ readonly 'sidebar-primary-foreground': "var(--sidebar-primary-foreground)";
1935
+ readonly 'sidebar-accent': "var(--sidebar-accent)";
1936
+ readonly 'sidebar-accent-foreground': "var(--sidebar-accent-foreground)";
1937
+ readonly 'sidebar-border': "var(--sidebar-border)";
1938
+ readonly 'sidebar-ring': "var(--sidebar-ring)";
1939
+ readonly 'font-sans': "var(--font-sans)";
1940
+ readonly 'font-serif': "var(--font-serif)";
1941
+ readonly 'font-mono': "var(--font-mono)";
1942
+ readonly 'base-white': "var(--base-white)";
1943
+ readonly 'base-black': "var(--base-black)";
1944
+ readonly 'l1-background': "var(--l1-background)";
1945
+ readonly 'l2-background': "var(--l2-background)";
1946
+ readonly 'l3-background': "var(--l3-background)";
1947
+ readonly 'l1-background-hover': "var(--l1-background-hover)";
1948
+ readonly 'l2-background-hover': "var(--l2-background-hover)";
1949
+ readonly 'l3-background-hover': "var(--l3-background-hover)";
1950
+ readonly 'l1-foreground': "var(--l1-foreground)";
1951
+ readonly 'l1-foreground-hover': "var(--l1-foreground-hover)";
1952
+ readonly 'l2-foreground': "var(--l2-foreground)";
1953
+ readonly 'l2-foreground-hover': "var(--l2-foreground-hover)";
1954
+ readonly 'l3-foreground': "var(--l3-foreground)";
1955
+ readonly 'l3-foreground-hover': "var(--l3-foreground-hover)";
1956
+ readonly 'l1-border': "var(--l1-border)";
1957
+ readonly 'l2-border': "var(--l2-border)";
1958
+ readonly 'l3-border': "var(--l3-border)";
1959
+ readonly 'primary-background': "var(--primary-background)";
1960
+ readonly 'primary-background-hover': "var(--primary-background-hover)";
1961
+ readonly 'primary-foreground': "var(--primary-foreground)";
1962
+ readonly 'primary-foreground-hover': "var(--primary-foreground-hover)";
1963
+ readonly 'secondary-background': "var(--secondary-background)";
1964
+ readonly 'secondary-background-hover': "var(--secondary-background-hover)";
1965
+ readonly 'secondary-foreground': "var(--secondary-foreground)";
1966
+ readonly 'secondary-foreground-hover': "var(--secondary-foreground-hover)";
1967
+ readonly 'secondary-border': "var(--secondary-border)";
1968
+ readonly 'success-background': "var(--success-background)";
1969
+ readonly 'success-background-hover': "var(--success-background-hover)";
1970
+ readonly 'success-foreground': "var(--success-foreground)";
1971
+ readonly 'success-foreground-hover': "var(--success-foreground-hover)";
1972
+ readonly 'warning-background': "var(--warning-background)";
1973
+ readonly 'warning-background-hover': "var(--warning-background-hover)";
1974
+ readonly 'warning-foreground': "var(--warning-foreground)";
1975
+ readonly 'warning-foreground-hover': "var(--warning-foreground-hover)";
1976
+ readonly 'danger-background': "var(--danger-background)";
1977
+ readonly 'danger-background-hover': "var(--danger-background-hover)";
1978
+ readonly 'danger-foreground': "var(--danger-foreground)";
1979
+ readonly 'danger-foreground-hover': "var(--danger-foreground-hover)";
1980
+ readonly 'l1-background-transparent': "var(--l1-background-transparent)";
1981
+ readonly 'l1-background-60': "var(--l1-background-60)";
1982
+ readonly 'l2-background-transparent': "var(--l2-background-transparent)";
1983
+ readonly 'l2-background-60': "var(--l2-background-60)";
1984
+ readonly 'l3-background-transparent': "var(--l3-background-transparent)";
1985
+ readonly 'l3-background-60': "var(--l3-background-60)";
1986
+ readonly 'alert-strip-button-background': "var(--alert-strip-button-background)";
1987
+ readonly 'callout-primary-background': "var(--callout-primary-background)";
1988
+ readonly 'callout-primary-border': "var(--callout-primary-border)";
1989
+ readonly 'callout-primary-title': "var(--callout-primary-title)";
1990
+ readonly 'callout-primary-description': "var(--callout-primary-description)";
1991
+ readonly 'callout-primary-icon': "var(--callout-primary-icon)";
1992
+ readonly 'callout-success-background': "var(--callout-success-background)";
1993
+ readonly 'callout-success-border': "var(--callout-success-border)";
1994
+ readonly 'callout-success-title': "var(--callout-success-title)";
1995
+ readonly 'callout-success-description': "var(--callout-success-description)";
1996
+ readonly 'callout-success-icon': "var(--callout-success-icon)";
1997
+ readonly 'callout-warning-background': "var(--callout-warning-background)";
1998
+ readonly 'callout-warning-border': "var(--callout-warning-border)";
1999
+ readonly 'callout-warning-title': "var(--callout-warning-title)";
2000
+ readonly 'callout-warning-description': "var(--callout-warning-description)";
2001
+ readonly 'callout-warning-icon': "var(--callout-warning-icon)";
2002
+ readonly 'callout-error-background': "var(--callout-error-background)";
2003
+ readonly 'callout-error-border': "var(--callout-error-border)";
2004
+ readonly 'callout-error-title': "var(--callout-error-title)";
2005
+ readonly 'callout-error-description': "var(--callout-error-description)";
2006
+ readonly 'callout-error-icon': "var(--callout-error-icon)";
2007
+ readonly 'accent-primary': "var(--accent-primary)";
2008
+ readonly 'accent-primary-hover': "var(--accent-primary-hover)";
2009
+ readonly 'accent-primary-foreground': "var(--accent-primary-foreground)";
2010
+ readonly 'accent-forest': "var(--accent-forest)";
2011
+ readonly 'accent-forest-hover': "var(--accent-forest-hover)";
2012
+ readonly 'accent-forest-foreground': "var(--accent-forest-foreground)";
2013
+ readonly 'accent-amber': "var(--accent-amber)";
2014
+ readonly 'accent-amber-hover': "var(--accent-amber-hover)";
2015
+ readonly 'accent-amber-foreground': "var(--accent-amber-foreground)";
2016
+ readonly 'accent-cherry': "var(--accent-cherry)";
2017
+ readonly 'accent-cherry-hover': "var(--accent-cherry-hover)";
2018
+ readonly 'accent-cherry-foreground': "var(--accent-cherry-foreground)";
2019
+ readonly 'accent-aqua': "var(--accent-aqua)";
2020
+ readonly 'accent-aqua-hover': "var(--accent-aqua-hover)";
2021
+ readonly 'accent-aqua-foreground': "var(--accent-aqua-foreground)";
2022
+ readonly 'accent-sakura': "var(--accent-sakura)";
2023
+ readonly 'accent-sakura-hover': "var(--accent-sakura-hover)";
2024
+ readonly 'accent-sakura-foreground': "var(--accent-sakura-foreground)";
2025
+ readonly 'accent-sienna': "var(--accent-sienna)";
2026
+ readonly 'accent-sienna-hover': "var(--accent-sienna-hover)";
2027
+ readonly 'accent-sienna-foreground': "var(--accent-sienna-foreground)";
2028
+ };
2029
+
2030
+ export declare type StyleTailwindType = (typeof StyleTailwind)[keyof typeof StyleTailwind];
2031
+
2032
+ export declare type StyleType = typeof Style;
2033
+
1509
2034
  /**
1510
2035
  * Do not edit directly
1511
- * Generated on Tue, 03 Jun 2025 15:32:50 GMT
2036
+ * Generated on Sat, 24 Jan 2026 12:23:24 GMT
1512
2037
  */
1513
2038
  export declare const Typography: {
2039
+ FONTFAMILY_INTER: string;
2040
+ FONTFAMILY_SFMONO: string;
1514
2041
  FONTSIZE_XS: string;
1515
2042
  FONTSIZE_SM: string;
2043
+ FONTSIZE_BASE: string;
1516
2044
  FONTSIZE_LG: string;
1517
2045
  FONTSIZE_XL: string;
1518
2046
  FONTSIZE_2XL: string;
@@ -1532,9 +2060,724 @@ export declare const Typography: {
1532
2060
  FONTWEIGHT_BOLD: string;
1533
2061
  FONTWEIGHT_EXTRABOLD: string;
1534
2062
  FONTWEIGHT_BLACK: string;
2063
+ LINEHEIGHT_18: string;
2064
+ LINEHEIGHT_20: string;
2065
+ LINEHEIGHT_24: string;
2066
+ LINEHEIGHT_NONE: string;
2067
+ LINEHEIGHT_TIGHT: string;
2068
+ LINEHEIGHT_SNUG: string;
2069
+ LINEHEIGHT_NORMAL: string;
2070
+ LINEHEIGHT_RELAXED: string;
2071
+ LINEHEIGHT_LOOSE: string;
2072
+ LETTERSPACING_0: string;
2073
+ LETTERSPACING_4: string;
2074
+ LETTERSPACING_TIGHTER: string;
2075
+ LETTERSPACING_TIGHT: string;
2076
+ LETTERSPACING_NORMAL: string;
2077
+ LETTERSPACING_WIDE: string;
2078
+ LETTERSPACING_WIDER: string;
2079
+ LETTERSPACING_WIDEST: string;
2080
+ 'LETTERSPACING_-0.5': string;
2081
+ LABEL_LARGE_400_FONTSIZE: string;
2082
+ LABEL_LARGE_400_FONTWEIGHT: string;
2083
+ LABEL_LARGE_400_LINEHEIGHT: string;
2084
+ LABEL_LARGE_400_LETTERSPACING: string;
2085
+ LABEL_LARGE_400_FONTFAMILY: string;
2086
+ LABEL_LARGE_500_FONTSIZE: string;
2087
+ LABEL_LARGE_500_FONTWEIGHT: string;
2088
+ LABEL_LARGE_500_LINEHEIGHT: string;
2089
+ LABEL_LARGE_500_LETTERSPACING: string;
2090
+ LABEL_LARGE_500_FONTFAMILY: string;
2091
+ LABEL_LARGE_600_FONTSIZE: string;
2092
+ LABEL_LARGE_600_FONTWEIGHT: string;
2093
+ LABEL_LARGE_600_LINEHEIGHT: string;
2094
+ LABEL_LARGE_600_LETTERSPACING: string;
2095
+ LABEL_LARGE_600_FONTFAMILY: string;
2096
+ LABEL_MEDIUM_400_FONTSIZE: string;
2097
+ LABEL_MEDIUM_400_FONTWEIGHT: string;
2098
+ LABEL_MEDIUM_400_LINEHEIGHT: string;
2099
+ LABEL_MEDIUM_400_LETTERSPACING: string;
2100
+ LABEL_MEDIUM_400_FONTFAMILY: string;
2101
+ LABEL_MEDIUM_500_FONTSIZE: string;
2102
+ LABEL_MEDIUM_500_FONTWEIGHT: string;
2103
+ LABEL_MEDIUM_500_LINEHEIGHT: string;
2104
+ LABEL_MEDIUM_500_LETTERSPACING: string;
2105
+ LABEL_MEDIUM_500_FONTFAMILY: string;
2106
+ LABEL_MEDIUM_600_FONTSIZE: string;
2107
+ LABEL_MEDIUM_600_FONTWEIGHT: string;
2108
+ LABEL_MEDIUM_600_LINEHEIGHT: string;
2109
+ LABEL_MEDIUM_600_LETTERSPACING: string;
2110
+ LABEL_MEDIUM_600_FONTFAMILY: string;
2111
+ LABEL_BASE_400_FONTSIZE: string;
2112
+ LABEL_BASE_400_FONTWEIGHT: string;
2113
+ LABEL_BASE_400_LINEHEIGHT: string;
2114
+ LABEL_BASE_400_LETTERSPACING: string;
2115
+ LABEL_BASE_400_FONTFAMILY: string;
2116
+ LABEL_BASE_500_FONTSIZE: string;
2117
+ LABEL_BASE_500_FONTWEIGHT: string;
2118
+ LABEL_BASE_500_LINEHEIGHT: string;
2119
+ LABEL_BASE_500_LETTERSPACING: string;
2120
+ LABEL_BASE_500_FONTFAMILY: string;
2121
+ LABEL_BASE_600_FONTSIZE: string;
2122
+ LABEL_BASE_600_FONTWEIGHT: string;
2123
+ LABEL_BASE_600_LINEHEIGHT: string;
2124
+ LABEL_BASE_600_LETTERSPACING: string;
2125
+ LABEL_BASE_600_FONTFAMILY: string;
2126
+ LABEL_SMALL_400_FONTSIZE: string;
2127
+ LABEL_SMALL_400_FONTWEIGHT: string;
2128
+ LABEL_SMALL_400_LINEHEIGHT: string;
2129
+ LABEL_SMALL_400_LETTERSPACING: string;
2130
+ LABEL_SMALL_400_FONTFAMILY: string;
2131
+ LABEL_SMALL_500_FONTSIZE: string;
2132
+ LABEL_SMALL_500_FONTWEIGHT: string;
2133
+ LABEL_SMALL_500_LINEHEIGHT: string;
2134
+ LABEL_SMALL_500_LETTERSPACING: string;
2135
+ LABEL_SMALL_500_FONTFAMILY: string;
2136
+ LABEL_SMALL_600_FONTSIZE: string;
2137
+ LABEL_SMALL_600_FONTWEIGHT: string;
2138
+ LABEL_SMALL_600_LINEHEIGHT: string;
2139
+ LABEL_SMALL_600_LETTERSPACING: string;
2140
+ LABEL_SMALL_600_FONTFAMILY: string;
2141
+ UPPERCASE_BASE_400_FONTSIZE: string;
2142
+ UPPERCASE_BASE_400_FONTWEIGHT: string;
2143
+ UPPERCASE_BASE_400_LINEHEIGHT: string;
2144
+ UPPERCASE_BASE_400_LETTERSPACING: string;
2145
+ UPPERCASE_BASE_400_FONTFAMILY: string;
2146
+ UPPERCASE_BASE_500_FONTSIZE: string;
2147
+ UPPERCASE_BASE_500_FONTWEIGHT: string;
2148
+ UPPERCASE_BASE_500_LINEHEIGHT: string;
2149
+ UPPERCASE_BASE_500_LETTERSPACING: string;
2150
+ UPPERCASE_BASE_500_FONTFAMILY: string;
2151
+ UPPERCASE_BASE_600_FONTSIZE: string;
2152
+ UPPERCASE_BASE_600_FONTWEIGHT: string;
2153
+ UPPERCASE_BASE_600_LINEHEIGHT: string;
2154
+ UPPERCASE_BASE_600_LETTERSPACING: string;
2155
+ UPPERCASE_BASE_600_FONTFAMILY: string;
2156
+ UPPERCASE_SMALL_400_FONTSIZE: string;
2157
+ UPPERCASE_SMALL_400_FONTWEIGHT: string;
2158
+ UPPERCASE_SMALL_400_LINEHEIGHT: string;
2159
+ UPPERCASE_SMALL_400_LETTERSPACING: string;
2160
+ UPPERCASE_SMALL_400_FONTFAMILY: string;
2161
+ UPPERCASE_SMALL_500_FONTSIZE: string;
2162
+ UPPERCASE_SMALL_500_FONTWEIGHT: string;
2163
+ UPPERCASE_SMALL_500_LINEHEIGHT: string;
2164
+ UPPERCASE_SMALL_500_LETTERSPACING: string;
2165
+ UPPERCASE_SMALL_500_FONTFAMILY: string;
2166
+ UPPERCASE_SMALL_600_FONTSIZE: string;
2167
+ UPPERCASE_SMALL_600_FONTWEIGHT: string;
2168
+ UPPERCASE_SMALL_600_LINEHEIGHT: string;
2169
+ UPPERCASE_SMALL_600_LETTERSPACING: string;
2170
+ UPPERCASE_SMALL_600_FONTFAMILY: string;
2171
+ CODE_BASE_400_FONTSIZE: string;
2172
+ CODE_BASE_400_FONTWEIGHT: string;
2173
+ CODE_BASE_400_LINEHEIGHT: string;
2174
+ CODE_BASE_400_LETTERSPACING: string;
2175
+ CODE_BASE_400_FONTFAMILY: string;
2176
+ CODE_BASE_500_FONTSIZE: string;
2177
+ CODE_BASE_500_FONTWEIGHT: string;
2178
+ CODE_BASE_500_LINEHEIGHT: string;
2179
+ CODE_BASE_500_LETTERSPACING: string;
2180
+ CODE_BASE_500_FONTFAMILY: string;
2181
+ CODE_BASE_600_FONTSIZE: string;
2182
+ CODE_BASE_600_FONTWEIGHT: string;
2183
+ CODE_BASE_600_LINEHEIGHT: string;
2184
+ CODE_BASE_600_LETTERSPACING: string;
2185
+ CODE_BASE_600_FONTFAMILY: string;
2186
+ CODE_SMALL_400_FONTSIZE: string;
2187
+ CODE_SMALL_400_FONTWEIGHT: string;
2188
+ CODE_SMALL_400_LINEHEIGHT: string;
2189
+ CODE_SMALL_400_LETTERSPACING: string;
2190
+ CODE_SMALL_400_FONTFAMILY: string;
2191
+ CODE_SMALL_500_FONTSIZE: string;
2192
+ CODE_SMALL_500_FONTWEIGHT: string;
2193
+ CODE_SMALL_500_LINEHEIGHT: string;
2194
+ CODE_SMALL_500_LETTERSPACING: string;
2195
+ CODE_SMALL_500_FONTFAMILY: string;
2196
+ CODE_SMALL_600_FONTSIZE: string;
2197
+ CODE_SMALL_600_FONTWEIGHT: string;
2198
+ CODE_SMALL_600_LINEHEIGHT: string;
2199
+ CODE_SMALL_600_LETTERSPACING: string;
2200
+ CODE_SMALL_600_FONTFAMILY: string;
2201
+ PARAGRAPH_MEDIUM_400_FONTSIZE: string;
2202
+ PARAGRAPH_MEDIUM_400_FONTWEIGHT: string;
2203
+ PARAGRAPH_MEDIUM_400_LINEHEIGHT: string;
2204
+ PARAGRAPH_MEDIUM_400_LETTERSPACING: string;
2205
+ PARAGRAPH_MEDIUM_400_FONTFAMILY: string;
2206
+ PARAGRAPH_MEDIUM_500_FONTSIZE: string;
2207
+ PARAGRAPH_MEDIUM_500_FONTWEIGHT: string;
2208
+ PARAGRAPH_MEDIUM_500_LINEHEIGHT: string;
2209
+ PARAGRAPH_MEDIUM_500_LETTERSPACING: string;
2210
+ PARAGRAPH_MEDIUM_500_FONTFAMILY: string;
2211
+ PARAGRAPH_MEDIUM_600_FONTSIZE: string;
2212
+ PARAGRAPH_MEDIUM_600_FONTWEIGHT: string;
2213
+ PARAGRAPH_MEDIUM_600_LINEHEIGHT: string;
2214
+ PARAGRAPH_MEDIUM_600_LETTERSPACING: string;
2215
+ PARAGRAPH_MEDIUM_600_FONTFAMILY: string;
2216
+ PARAGRAPH_BASE_400_FONTSIZE: string;
2217
+ PARAGRAPH_BASE_400_FONTWEIGHT: string;
2218
+ PARAGRAPH_BASE_400_LINEHEIGHT: string;
2219
+ PARAGRAPH_BASE_400_LETTERSPACING: string;
2220
+ PARAGRAPH_BASE_400_FONTFAMILY: string;
2221
+ PARAGRAPH_BASE_500_FONTSIZE: string;
2222
+ PARAGRAPH_BASE_500_FONTWEIGHT: string;
2223
+ PARAGRAPH_BASE_500_LINEHEIGHT: string;
2224
+ PARAGRAPH_BASE_500_LETTERSPACING: string;
2225
+ PARAGRAPH_BASE_500_FONTFAMILY: string;
2226
+ PARAGRAPH_BASE_600_FONTSIZE: string;
2227
+ PARAGRAPH_BASE_600_FONTWEIGHT: string;
2228
+ PARAGRAPH_BASE_600_LINEHEIGHT: string;
2229
+ PARAGRAPH_BASE_600_LETTERSPACING: string;
2230
+ PARAGRAPH_BASE_600_FONTFAMILY: string;
2231
+ PARAGRAPH_SMALL_400_FONTSIZE: string;
2232
+ PARAGRAPH_SMALL_400_FONTWEIGHT: string;
2233
+ PARAGRAPH_SMALL_400_LINEHEIGHT: string;
2234
+ PARAGRAPH_SMALL_400_LETTERSPACING: string;
2235
+ PARAGRAPH_SMALL_400_FONTFAMILY: string;
2236
+ PARAGRAPH_SMALL_500_FONTSIZE: string;
2237
+ PARAGRAPH_SMALL_500_FONTWEIGHT: string;
2238
+ PARAGRAPH_SMALL_500_LINEHEIGHT: string;
2239
+ PARAGRAPH_SMALL_500_LETTERSPACING: string;
2240
+ PARAGRAPH_SMALL_500_FONTFAMILY: string;
2241
+ PARAGRAPH_SMALL_600_FONTSIZE: string;
2242
+ PARAGRAPH_SMALL_600_FONTWEIGHT: string;
2243
+ PARAGRAPH_SMALL_600_LINEHEIGHT: string;
2244
+ PARAGRAPH_SMALL_600_LETTERSPACING: string;
2245
+ PARAGRAPH_SMALL_600_FONTFAMILY: string;
2246
+ };
2247
+
2248
+ /**
2249
+ * Typography Styles
2250
+ * DO NOT EDIT DIRECTLY - This file is auto-generated
2251
+ * Generated on Sat, 24 Jan 2026 12:23:24 GMT
2252
+ *
2253
+ * Use these constants to apply complete typography styles in your components
2254
+ *
2255
+ * Usage in React:
2256
+ * import { TypographyStyles } from '@signoz/design-tokens';
2257
+ *
2258
+ * <p style={TypographyStyles.PARAGRAPH_MEDIUM_400}>Your text here</p>
2259
+ */
2260
+ export declare interface TypographyStyle {
2261
+ fontFamily: string;
2262
+ fontSize: string;
2263
+ fontWeight: string;
2264
+ lineHeight: string;
2265
+ letterSpacing: string;
2266
+ }
2267
+
2268
+ export declare type TypographyStyleName = keyof typeof TypographyStyles;
2269
+
2270
+ export declare const TypographyStyles: {
2271
+ readonly LABEL_LARGE_400: {
2272
+ readonly fontFamily: "Inter, sans-serif";
2273
+ readonly fontSize: "18px";
2274
+ readonly fontWeight: "400";
2275
+ readonly lineHeight: "1";
2276
+ readonly letterSpacing: "0px";
2277
+ };
2278
+ readonly LABEL_LARGE_500: {
2279
+ readonly fontFamily: "Inter, sans-serif";
2280
+ readonly fontSize: "18px";
2281
+ readonly fontWeight: "500";
2282
+ readonly lineHeight: "1";
2283
+ readonly letterSpacing: "0px";
2284
+ };
2285
+ readonly LABEL_LARGE_600: {
2286
+ readonly fontFamily: "Inter, sans-serif";
2287
+ readonly fontSize: "18px";
2288
+ readonly fontWeight: "600";
2289
+ readonly lineHeight: "1";
2290
+ readonly letterSpacing: "0px";
2291
+ };
2292
+ readonly LABEL_MEDIUM_400: {
2293
+ readonly fontFamily: "Inter, sans-serif";
2294
+ readonly fontSize: "16px";
2295
+ readonly fontWeight: "400";
2296
+ readonly lineHeight: "1";
2297
+ readonly letterSpacing: "0px";
2298
+ };
2299
+ readonly LABEL_MEDIUM_500: {
2300
+ readonly fontFamily: "Inter, sans-serif";
2301
+ readonly fontSize: "16px";
2302
+ readonly fontWeight: "500";
2303
+ readonly lineHeight: "1";
2304
+ readonly letterSpacing: "0px";
2305
+ };
2306
+ readonly LABEL_MEDIUM_600: {
2307
+ readonly fontFamily: "Inter, sans-serif";
2308
+ readonly fontSize: "16px";
2309
+ readonly fontWeight: "600";
2310
+ readonly lineHeight: "1";
2311
+ readonly letterSpacing: "0px";
2312
+ };
2313
+ readonly LABEL_BASE_400: {
2314
+ readonly fontFamily: "Inter, sans-serif";
2315
+ readonly fontSize: "13px";
2316
+ readonly fontWeight: "400";
2317
+ readonly lineHeight: "1";
2318
+ readonly letterSpacing: "-0.5px";
2319
+ };
2320
+ readonly LABEL_BASE_500: {
2321
+ readonly fontFamily: "Inter, sans-serif";
2322
+ readonly fontSize: "13px";
2323
+ readonly fontWeight: "500";
2324
+ readonly lineHeight: "1";
2325
+ readonly letterSpacing: "-0.5px";
2326
+ };
2327
+ readonly LABEL_BASE_600: {
2328
+ readonly fontFamily: "Inter, sans-serif";
2329
+ readonly fontSize: "13px";
2330
+ readonly fontWeight: "600";
2331
+ readonly lineHeight: "1";
2332
+ readonly letterSpacing: "-0.5px";
2333
+ };
2334
+ readonly LABEL_SMALL_400: {
2335
+ readonly fontFamily: "Inter, sans-serif";
2336
+ readonly fontSize: "11px";
2337
+ readonly fontWeight: "400";
2338
+ readonly lineHeight: "1";
2339
+ readonly letterSpacing: "0px";
2340
+ };
2341
+ readonly LABEL_SMALL_500: {
2342
+ readonly fontFamily: "Inter, sans-serif";
2343
+ readonly fontSize: "11px";
2344
+ readonly fontWeight: "500";
2345
+ readonly lineHeight: "1";
2346
+ readonly letterSpacing: "0px";
2347
+ };
2348
+ readonly LABEL_SMALL_600: {
2349
+ readonly fontFamily: "Inter, sans-serif";
2350
+ readonly fontSize: "11px";
2351
+ readonly fontWeight: "600";
2352
+ readonly lineHeight: "1";
2353
+ readonly letterSpacing: "0px";
2354
+ };
2355
+ readonly UPPERCASE_BASE_400: {
2356
+ readonly fontFamily: "Inter, sans-serif";
2357
+ readonly fontSize: "13px";
2358
+ readonly fontWeight: "400";
2359
+ readonly lineHeight: "1";
2360
+ readonly letterSpacing: "4px";
2361
+ };
2362
+ readonly UPPERCASE_BASE_500: {
2363
+ readonly fontFamily: "Inter, sans-serif";
2364
+ readonly fontSize: "13px";
2365
+ readonly fontWeight: "500";
2366
+ readonly lineHeight: "1";
2367
+ readonly letterSpacing: "4px";
2368
+ };
2369
+ readonly UPPERCASE_BASE_600: {
2370
+ readonly fontFamily: "Inter, sans-serif";
2371
+ readonly fontSize: "13px";
2372
+ readonly fontWeight: "600";
2373
+ readonly lineHeight: "1";
2374
+ readonly letterSpacing: "4px";
2375
+ };
2376
+ readonly UPPERCASE_SMALL_400: {
2377
+ readonly fontFamily: "Inter, sans-serif";
2378
+ readonly fontSize: "11px";
2379
+ readonly fontWeight: "400";
2380
+ readonly lineHeight: "1";
2381
+ readonly letterSpacing: "4px";
2382
+ };
2383
+ readonly UPPERCASE_SMALL_500: {
2384
+ readonly fontFamily: "Inter, sans-serif";
2385
+ readonly fontSize: "11px";
2386
+ readonly fontWeight: "500";
2387
+ readonly lineHeight: "1";
2388
+ readonly letterSpacing: "4px";
2389
+ };
2390
+ readonly UPPERCASE_SMALL_600: {
2391
+ readonly fontFamily: "Inter, sans-serif";
2392
+ readonly fontSize: "11px";
2393
+ readonly fontWeight: "600";
2394
+ readonly lineHeight: "1";
2395
+ readonly letterSpacing: "4px";
2396
+ };
2397
+ readonly CODE_BASE_400: {
2398
+ readonly fontFamily: "SF Mono, monospace";
2399
+ readonly fontSize: "13px";
2400
+ readonly fontWeight: "400";
2401
+ readonly lineHeight: "1";
2402
+ readonly letterSpacing: "0px";
2403
+ };
2404
+ readonly CODE_BASE_500: {
2405
+ readonly fontFamily: "SF Mono, monospace";
2406
+ readonly fontSize: "13px";
2407
+ readonly fontWeight: "500";
2408
+ readonly lineHeight: "1";
2409
+ readonly letterSpacing: "0px";
2410
+ };
2411
+ readonly CODE_BASE_600: {
2412
+ readonly fontFamily: "SF Mono, monospace";
2413
+ readonly fontSize: "13px";
2414
+ readonly fontWeight: "600";
2415
+ readonly lineHeight: "1";
2416
+ readonly letterSpacing: "0px";
2417
+ };
2418
+ readonly CODE_SMALL_400: {
2419
+ readonly fontFamily: "SF Mono, monospace";
2420
+ readonly fontSize: "11px";
2421
+ readonly fontWeight: "400";
2422
+ readonly lineHeight: "1";
2423
+ readonly letterSpacing: "0px";
2424
+ };
2425
+ readonly CODE_SMALL_500: {
2426
+ readonly fontFamily: "SF Mono, monospace";
2427
+ readonly fontSize: "11px";
2428
+ readonly fontWeight: "500";
2429
+ readonly lineHeight: "1";
2430
+ readonly letterSpacing: "0px";
2431
+ };
2432
+ readonly CODE_SMALL_600: {
2433
+ readonly fontFamily: "SF Mono, monospace";
2434
+ readonly fontSize: "11px";
2435
+ readonly fontWeight: "600";
2436
+ readonly lineHeight: "1";
2437
+ readonly letterSpacing: "0px";
2438
+ };
2439
+ readonly PARAGRAPH_MEDIUM_400: {
2440
+ readonly fontFamily: "Inter, sans-serif";
2441
+ readonly fontSize: "16px";
2442
+ readonly fontWeight: "400";
2443
+ readonly lineHeight: "24px";
2444
+ readonly letterSpacing: "0px";
2445
+ };
2446
+ readonly PARAGRAPH_MEDIUM_500: {
2447
+ readonly fontFamily: "Inter, sans-serif";
2448
+ readonly fontSize: "16px";
2449
+ readonly fontWeight: "500";
2450
+ readonly lineHeight: "24px";
2451
+ readonly letterSpacing: "0px";
2452
+ };
2453
+ readonly PARAGRAPH_MEDIUM_600: {
2454
+ readonly fontFamily: "Inter, sans-serif";
2455
+ readonly fontSize: "16px";
2456
+ readonly fontWeight: "600";
2457
+ readonly lineHeight: "24px";
2458
+ readonly letterSpacing: "0px";
2459
+ };
2460
+ readonly PARAGRAPH_BASE_400: {
2461
+ readonly fontFamily: "Inter, sans-serif";
2462
+ readonly fontSize: "13px";
2463
+ readonly fontWeight: "400";
2464
+ readonly lineHeight: "20px";
2465
+ readonly letterSpacing: "-0.5px";
2466
+ };
2467
+ readonly PARAGRAPH_BASE_500: {
2468
+ readonly fontFamily: "Inter, sans-serif";
2469
+ readonly fontSize: "13px";
2470
+ readonly fontWeight: "500";
2471
+ readonly lineHeight: "20px";
2472
+ readonly letterSpacing: "-0.5px";
2473
+ };
2474
+ readonly PARAGRAPH_BASE_600: {
2475
+ readonly fontFamily: "Inter, sans-serif";
2476
+ readonly fontSize: "13px";
2477
+ readonly fontWeight: "600";
2478
+ readonly lineHeight: "20px";
2479
+ readonly letterSpacing: "-0.5px";
2480
+ };
2481
+ readonly PARAGRAPH_SMALL_400: {
2482
+ readonly fontFamily: "Inter, sans-serif";
2483
+ readonly fontSize: "11px";
2484
+ readonly fontWeight: "400";
2485
+ readonly lineHeight: "18px";
2486
+ readonly letterSpacing: "-0.5px";
2487
+ };
2488
+ readonly PARAGRAPH_SMALL_500: {
2489
+ readonly fontFamily: "Inter, sans-serif";
2490
+ readonly fontSize: "11px";
2491
+ readonly fontWeight: "500";
2492
+ readonly lineHeight: "18px";
2493
+ readonly letterSpacing: "-0.5px";
2494
+ };
2495
+ readonly PARAGRAPH_SMALL_600: {
2496
+ readonly fontFamily: "Inter, sans-serif";
2497
+ readonly fontSize: "11px";
2498
+ readonly fontWeight: "600";
2499
+ readonly lineHeight: "18px";
2500
+ readonly letterSpacing: "-0.5px";
2501
+ };
2502
+ };
2503
+
2504
+ export declare const typographyStylesTokens: {
2505
+ "label": {
2506
+ "large": {
2507
+ "400": {
2508
+ "fontFamily": "Inter, sans-serif",
2509
+ "fontSize": "18px",
2510
+ "fontWeight": "400",
2511
+ "lineHeight": "1",
2512
+ "letterSpacing": "0px"
2513
+ },
2514
+ "500": {
2515
+ "fontFamily": "Inter, sans-serif",
2516
+ "fontSize": "18px",
2517
+ "fontWeight": "500",
2518
+ "lineHeight": "1",
2519
+ "letterSpacing": "0px"
2520
+ },
2521
+ "600": {
2522
+ "fontFamily": "Inter, sans-serif",
2523
+ "fontSize": "18px",
2524
+ "fontWeight": "600",
2525
+ "lineHeight": "1",
2526
+ "letterSpacing": "0px"
2527
+ }
2528
+ },
2529
+ "medium": {
2530
+ "400": {
2531
+ "fontFamily": "Inter, sans-serif",
2532
+ "fontSize": "16px",
2533
+ "fontWeight": "400",
2534
+ "lineHeight": "1",
2535
+ "letterSpacing": "0px"
2536
+ },
2537
+ "500": {
2538
+ "fontFamily": "Inter, sans-serif",
2539
+ "fontSize": "16px",
2540
+ "fontWeight": "500",
2541
+ "lineHeight": "1",
2542
+ "letterSpacing": "0px"
2543
+ },
2544
+ "600": {
2545
+ "fontFamily": "Inter, sans-serif",
2546
+ "fontSize": "16px",
2547
+ "fontWeight": "600",
2548
+ "lineHeight": "1",
2549
+ "letterSpacing": "0px"
2550
+ }
2551
+ },
2552
+ "base": {
2553
+ "400": {
2554
+ "fontFamily": "Inter, sans-serif",
2555
+ "fontSize": "13px",
2556
+ "fontWeight": "400",
2557
+ "lineHeight": "1",
2558
+ "letterSpacing": "-0.5px"
2559
+ },
2560
+ "500": {
2561
+ "fontFamily": "Inter, sans-serif",
2562
+ "fontSize": "13px",
2563
+ "fontWeight": "500",
2564
+ "lineHeight": "1",
2565
+ "letterSpacing": "-0.5px"
2566
+ },
2567
+ "600": {
2568
+ "fontFamily": "Inter, sans-serif",
2569
+ "fontSize": "13px",
2570
+ "fontWeight": "600",
2571
+ "lineHeight": "1",
2572
+ "letterSpacing": "-0.5px"
2573
+ }
2574
+ },
2575
+ "small": {
2576
+ "400": {
2577
+ "fontFamily": "Inter, sans-serif",
2578
+ "fontSize": "11px",
2579
+ "fontWeight": "400",
2580
+ "lineHeight": "1",
2581
+ "letterSpacing": "0px"
2582
+ },
2583
+ "500": {
2584
+ "fontFamily": "Inter, sans-serif",
2585
+ "fontSize": "11px",
2586
+ "fontWeight": "500",
2587
+ "lineHeight": "1",
2588
+ "letterSpacing": "0px"
2589
+ },
2590
+ "600": {
2591
+ "fontFamily": "Inter, sans-serif",
2592
+ "fontSize": "11px",
2593
+ "fontWeight": "600",
2594
+ "lineHeight": "1",
2595
+ "letterSpacing": "0px"
2596
+ }
2597
+ }
2598
+ },
2599
+ "uppercase": {
2600
+ "base": {
2601
+ "400": {
2602
+ "fontFamily": "Inter, sans-serif",
2603
+ "fontSize": "13px",
2604
+ "fontWeight": "400",
2605
+ "lineHeight": "1",
2606
+ "letterSpacing": "4px"
2607
+ },
2608
+ "500": {
2609
+ "fontFamily": "Inter, sans-serif",
2610
+ "fontSize": "13px",
2611
+ "fontWeight": "500",
2612
+ "lineHeight": "1",
2613
+ "letterSpacing": "4px"
2614
+ },
2615
+ "600": {
2616
+ "fontFamily": "Inter, sans-serif",
2617
+ "fontSize": "13px",
2618
+ "fontWeight": "600",
2619
+ "lineHeight": "1",
2620
+ "letterSpacing": "4px"
2621
+ }
2622
+ },
2623
+ "small": {
2624
+ "400": {
2625
+ "fontFamily": "Inter, sans-serif",
2626
+ "fontSize": "11px",
2627
+ "fontWeight": "400",
2628
+ "lineHeight": "1",
2629
+ "letterSpacing": "4px"
2630
+ },
2631
+ "500": {
2632
+ "fontFamily": "Inter, sans-serif",
2633
+ "fontSize": "11px",
2634
+ "fontWeight": "500",
2635
+ "lineHeight": "1",
2636
+ "letterSpacing": "4px"
2637
+ },
2638
+ "600": {
2639
+ "fontFamily": "Inter, sans-serif",
2640
+ "fontSize": "11px",
2641
+ "fontWeight": "600",
2642
+ "lineHeight": "1",
2643
+ "letterSpacing": "4px"
2644
+ }
2645
+ }
2646
+ },
2647
+ "code": {
2648
+ "base": {
2649
+ "400": {
2650
+ "fontFamily": "SF Mono, monospace",
2651
+ "fontSize": "13px",
2652
+ "fontWeight": "400",
2653
+ "lineHeight": "1",
2654
+ "letterSpacing": "0px"
2655
+ },
2656
+ "500": {
2657
+ "fontFamily": "SF Mono, monospace",
2658
+ "fontSize": "13px",
2659
+ "fontWeight": "500",
2660
+ "lineHeight": "1",
2661
+ "letterSpacing": "0px"
2662
+ },
2663
+ "600": {
2664
+ "fontFamily": "SF Mono, monospace",
2665
+ "fontSize": "13px",
2666
+ "fontWeight": "600",
2667
+ "lineHeight": "1",
2668
+ "letterSpacing": "0px"
2669
+ }
2670
+ },
2671
+ "small": {
2672
+ "400": {
2673
+ "fontFamily": "SF Mono, monospace",
2674
+ "fontSize": "11px",
2675
+ "fontWeight": "400",
2676
+ "lineHeight": "1",
2677
+ "letterSpacing": "0px"
2678
+ },
2679
+ "500": {
2680
+ "fontFamily": "SF Mono, monospace",
2681
+ "fontSize": "11px",
2682
+ "fontWeight": "500",
2683
+ "lineHeight": "1",
2684
+ "letterSpacing": "0px"
2685
+ },
2686
+ "600": {
2687
+ "fontFamily": "SF Mono, monospace",
2688
+ "fontSize": "11px",
2689
+ "fontWeight": "600",
2690
+ "lineHeight": "1",
2691
+ "letterSpacing": "0px"
2692
+ }
2693
+ }
2694
+ },
2695
+ "paragraph": {
2696
+ "medium": {
2697
+ "400": {
2698
+ "fontFamily": "Inter, sans-serif",
2699
+ "fontSize": "16px",
2700
+ "fontWeight": "400",
2701
+ "lineHeight": "24px",
2702
+ "letterSpacing": "0px"
2703
+ },
2704
+ "500": {
2705
+ "fontFamily": "Inter, sans-serif",
2706
+ "fontSize": "16px",
2707
+ "fontWeight": "500",
2708
+ "lineHeight": "24px",
2709
+ "letterSpacing": "0px"
2710
+ },
2711
+ "600": {
2712
+ "fontFamily": "Inter, sans-serif",
2713
+ "fontSize": "16px",
2714
+ "fontWeight": "600",
2715
+ "lineHeight": "24px",
2716
+ "letterSpacing": "0px"
2717
+ }
2718
+ },
2719
+ "base": {
2720
+ "400": {
2721
+ "fontFamily": "Inter, sans-serif",
2722
+ "fontSize": "13px",
2723
+ "fontWeight": "400",
2724
+ "lineHeight": "20px",
2725
+ "letterSpacing": "-0.5px"
2726
+ },
2727
+ "500": {
2728
+ "fontFamily": "Inter, sans-serif",
2729
+ "fontSize": "13px",
2730
+ "fontWeight": "500",
2731
+ "lineHeight": "20px",
2732
+ "letterSpacing": "-0.5px"
2733
+ },
2734
+ "600": {
2735
+ "fontFamily": "Inter, sans-serif",
2736
+ "fontSize": "13px",
2737
+ "fontWeight": "600",
2738
+ "lineHeight": "20px",
2739
+ "letterSpacing": "-0.5px"
2740
+ }
2741
+ },
2742
+ "small": {
2743
+ "400": {
2744
+ "fontFamily": "Inter, sans-serif",
2745
+ "fontSize": "11px",
2746
+ "fontWeight": "400",
2747
+ "lineHeight": "18px",
2748
+ "letterSpacing": "-0.5px"
2749
+ },
2750
+ "500": {
2751
+ "fontFamily": "Inter, sans-serif",
2752
+ "fontSize": "11px",
2753
+ "fontWeight": "500",
2754
+ "lineHeight": "18px",
2755
+ "letterSpacing": "-0.5px"
2756
+ },
2757
+ "600": {
2758
+ "fontFamily": "Inter, sans-serif",
2759
+ "fontSize": "11px",
2760
+ "fontWeight": "600",
2761
+ "lineHeight": "18px",
2762
+ "letterSpacing": "-0.5px"
2763
+ }
2764
+ }
2765
+ }
1535
2766
  };
1536
2767
 
2768
+ export declare type TypographyStylesType = typeof TypographyStyles;
2769
+
1537
2770
  export declare const typographyTokens: {
2771
+ "fontFamily": {
2772
+ "inter": {
2773
+ "value": "Inter, sans-serif",
2774
+ "type": "typography"
2775
+ },
2776
+ "sfMono": {
2777
+ "value": "SF Mono, monospace",
2778
+ "type": "typography"
2779
+ }
2780
+ },
1538
2781
  "fontSize": {
1539
2782
  "xs": {
1540
2783
  "value": "0.75rem",
@@ -1544,6 +2787,10 @@ export declare const typographyTokens: {
1544
2787
  "value": "0.875rem",
1545
2788
  "type": "typography"
1546
2789
  },
2790
+ "base": {
2791
+ "value": "1rem",
2792
+ "type": "typography"
2793
+ },
1547
2794
  "lg": {
1548
2795
  "value": "1.125rem",
1549
2796
  "type": "typography"
@@ -1622,6 +2869,838 @@ export declare const typographyTokens: {
1622
2869
  "value": "900",
1623
2870
  "type": "typography"
1624
2871
  }
2872
+ },
2873
+ "lineHeight": {
2874
+ "none": {
2875
+ "value": "1",
2876
+ "type": "typography"
2877
+ },
2878
+ "tight": {
2879
+ "value": "1.25",
2880
+ "type": "typography"
2881
+ },
2882
+ "snug": {
2883
+ "value": "1.375",
2884
+ "type": "typography"
2885
+ },
2886
+ "normal": {
2887
+ "value": "1.5",
2888
+ "type": "typography"
2889
+ },
2890
+ "relaxed": {
2891
+ "value": "1.625",
2892
+ "type": "typography"
2893
+ },
2894
+ "loose": {
2895
+ "value": "2",
2896
+ "type": "typography"
2897
+ },
2898
+ "18": {
2899
+ "value": "18px",
2900
+ "type": "typography"
2901
+ },
2902
+ "20": {
2903
+ "value": "20px",
2904
+ "type": "typography"
2905
+ },
2906
+ "24": {
2907
+ "value": "24px",
2908
+ "type": "typography"
2909
+ }
2910
+ },
2911
+ "letterSpacing": {
2912
+ "tighter": {
2913
+ "value": "-0.05em",
2914
+ "type": "typography"
2915
+ },
2916
+ "tight": {
2917
+ "value": "-0.025em",
2918
+ "type": "typography"
2919
+ },
2920
+ "normal": {
2921
+ "value": "0em",
2922
+ "type": "typography"
2923
+ },
2924
+ "wide": {
2925
+ "value": "0.025em",
2926
+ "type": "typography"
2927
+ },
2928
+ "wider": {
2929
+ "value": "0.05em",
2930
+ "type": "typography"
2931
+ },
2932
+ "widest": {
2933
+ "value": "0.1em",
2934
+ "type": "typography"
2935
+ },
2936
+ "-0.5": {
2937
+ "value": "-0.5px",
2938
+ "type": "typography"
2939
+ },
2940
+ "0": {
2941
+ "value": "0px",
2942
+ "type": "typography"
2943
+ },
2944
+ "4": {
2945
+ "value": "4px",
2946
+ "type": "typography"
2947
+ }
2948
+ },
2949
+ "label": {
2950
+ "large": {
2951
+ "400": {
2952
+ "fontSize": {
2953
+ "value": "18px",
2954
+ "type": "typography"
2955
+ },
2956
+ "fontWeight": {
2957
+ "value": "400",
2958
+ "type": "typography"
2959
+ },
2960
+ "lineHeight": {
2961
+ "value": "1",
2962
+ "type": "typography"
2963
+ },
2964
+ "letterSpacing": {
2965
+ "value": "0px",
2966
+ "type": "typography"
2967
+ },
2968
+ "fontFamily": {
2969
+ "value": "Inter, sans-serif",
2970
+ "type": "typography"
2971
+ }
2972
+ },
2973
+ "500": {
2974
+ "fontSize": {
2975
+ "value": "18px",
2976
+ "type": "typography"
2977
+ },
2978
+ "fontWeight": {
2979
+ "value": "500",
2980
+ "type": "typography"
2981
+ },
2982
+ "lineHeight": {
2983
+ "value": "1",
2984
+ "type": "typography"
2985
+ },
2986
+ "letterSpacing": {
2987
+ "value": "0px",
2988
+ "type": "typography"
2989
+ },
2990
+ "fontFamily": {
2991
+ "value": "Inter, sans-serif",
2992
+ "type": "typography"
2993
+ }
2994
+ },
2995
+ "600": {
2996
+ "fontSize": {
2997
+ "value": "18px",
2998
+ "type": "typography"
2999
+ },
3000
+ "fontWeight": {
3001
+ "value": "600",
3002
+ "type": "typography"
3003
+ },
3004
+ "lineHeight": {
3005
+ "value": "1",
3006
+ "type": "typography"
3007
+ },
3008
+ "letterSpacing": {
3009
+ "value": "0px",
3010
+ "type": "typography"
3011
+ },
3012
+ "fontFamily": {
3013
+ "value": "Inter, sans-serif",
3014
+ "type": "typography"
3015
+ }
3016
+ }
3017
+ },
3018
+ "medium": {
3019
+ "400": {
3020
+ "fontSize": {
3021
+ "value": "16px",
3022
+ "type": "typography"
3023
+ },
3024
+ "fontWeight": {
3025
+ "value": "400",
3026
+ "type": "typography"
3027
+ },
3028
+ "lineHeight": {
3029
+ "value": "1",
3030
+ "type": "typography"
3031
+ },
3032
+ "letterSpacing": {
3033
+ "value": "0px",
3034
+ "type": "typography"
3035
+ },
3036
+ "fontFamily": {
3037
+ "value": "Inter, sans-serif",
3038
+ "type": "typography"
3039
+ }
3040
+ },
3041
+ "500": {
3042
+ "fontSize": {
3043
+ "value": "16px",
3044
+ "type": "typography"
3045
+ },
3046
+ "fontWeight": {
3047
+ "value": "500",
3048
+ "type": "typography"
3049
+ },
3050
+ "lineHeight": {
3051
+ "value": "1",
3052
+ "type": "typography"
3053
+ },
3054
+ "letterSpacing": {
3055
+ "value": "0px",
3056
+ "type": "typography"
3057
+ },
3058
+ "fontFamily": {
3059
+ "value": "Inter, sans-serif",
3060
+ "type": "typography"
3061
+ }
3062
+ },
3063
+ "600": {
3064
+ "fontSize": {
3065
+ "value": "16px",
3066
+ "type": "typography"
3067
+ },
3068
+ "fontWeight": {
3069
+ "value": "600",
3070
+ "type": "typography"
3071
+ },
3072
+ "lineHeight": {
3073
+ "value": "1",
3074
+ "type": "typography"
3075
+ },
3076
+ "letterSpacing": {
3077
+ "value": "0px",
3078
+ "type": "typography"
3079
+ },
3080
+ "fontFamily": {
3081
+ "value": "Inter, sans-serif",
3082
+ "type": "typography"
3083
+ }
3084
+ }
3085
+ },
3086
+ "base": {
3087
+ "400": {
3088
+ "fontSize": {
3089
+ "value": "13px",
3090
+ "type": "typography"
3091
+ },
3092
+ "fontWeight": {
3093
+ "value": "400",
3094
+ "type": "typography"
3095
+ },
3096
+ "lineHeight": {
3097
+ "value": "1",
3098
+ "type": "typography"
3099
+ },
3100
+ "letterSpacing": {
3101
+ "value": "-0.5px",
3102
+ "type": "typography"
3103
+ },
3104
+ "fontFamily": {
3105
+ "value": "Inter, sans-serif",
3106
+ "type": "typography"
3107
+ }
3108
+ },
3109
+ "500": {
3110
+ "fontSize": {
3111
+ "value": "13px",
3112
+ "type": "typography"
3113
+ },
3114
+ "fontWeight": {
3115
+ "value": "500",
3116
+ "type": "typography"
3117
+ },
3118
+ "lineHeight": {
3119
+ "value": "1",
3120
+ "type": "typography"
3121
+ },
3122
+ "letterSpacing": {
3123
+ "value": "-0.5px",
3124
+ "type": "typography"
3125
+ },
3126
+ "fontFamily": {
3127
+ "value": "Inter, sans-serif",
3128
+ "type": "typography"
3129
+ }
3130
+ },
3131
+ "600": {
3132
+ "fontSize": {
3133
+ "value": "13px",
3134
+ "type": "typography"
3135
+ },
3136
+ "fontWeight": {
3137
+ "value": "600",
3138
+ "type": "typography"
3139
+ },
3140
+ "lineHeight": {
3141
+ "value": "1",
3142
+ "type": "typography"
3143
+ },
3144
+ "letterSpacing": {
3145
+ "value": "-0.5px",
3146
+ "type": "typography"
3147
+ },
3148
+ "fontFamily": {
3149
+ "value": "Inter, sans-serif",
3150
+ "type": "typography"
3151
+ }
3152
+ }
3153
+ },
3154
+ "small": {
3155
+ "400": {
3156
+ "fontSize": {
3157
+ "value": "11px",
3158
+ "type": "typography"
3159
+ },
3160
+ "fontWeight": {
3161
+ "value": "400",
3162
+ "type": "typography"
3163
+ },
3164
+ "lineHeight": {
3165
+ "value": "1",
3166
+ "type": "typography"
3167
+ },
3168
+ "letterSpacing": {
3169
+ "value": "0px",
3170
+ "type": "typography"
3171
+ },
3172
+ "fontFamily": {
3173
+ "value": "Inter, sans-serif",
3174
+ "type": "typography"
3175
+ }
3176
+ },
3177
+ "500": {
3178
+ "fontSize": {
3179
+ "value": "11px",
3180
+ "type": "typography"
3181
+ },
3182
+ "fontWeight": {
3183
+ "value": "500",
3184
+ "type": "typography"
3185
+ },
3186
+ "lineHeight": {
3187
+ "value": "1",
3188
+ "type": "typography"
3189
+ },
3190
+ "letterSpacing": {
3191
+ "value": "0px",
3192
+ "type": "typography"
3193
+ },
3194
+ "fontFamily": {
3195
+ "value": "Inter, sans-serif",
3196
+ "type": "typography"
3197
+ }
3198
+ },
3199
+ "600": {
3200
+ "fontSize": {
3201
+ "value": "11px",
3202
+ "type": "typography"
3203
+ },
3204
+ "fontWeight": {
3205
+ "value": "600",
3206
+ "type": "typography"
3207
+ },
3208
+ "lineHeight": {
3209
+ "value": "1",
3210
+ "type": "typography"
3211
+ },
3212
+ "letterSpacing": {
3213
+ "value": "0px",
3214
+ "type": "typography"
3215
+ },
3216
+ "fontFamily": {
3217
+ "value": "Inter, sans-serif",
3218
+ "type": "typography"
3219
+ }
3220
+ }
3221
+ }
3222
+ },
3223
+ "uppercase": {
3224
+ "base": {
3225
+ "400": {
3226
+ "fontSize": {
3227
+ "value": "13px",
3228
+ "type": "typography"
3229
+ },
3230
+ "fontWeight": {
3231
+ "value": "400",
3232
+ "type": "typography"
3233
+ },
3234
+ "lineHeight": {
3235
+ "value": "1",
3236
+ "type": "typography"
3237
+ },
3238
+ "letterSpacing": {
3239
+ "value": "4px",
3240
+ "type": "typography"
3241
+ },
3242
+ "fontFamily": {
3243
+ "value": "Inter, sans-serif",
3244
+ "type": "typography"
3245
+ }
3246
+ },
3247
+ "500": {
3248
+ "fontSize": {
3249
+ "value": "13px",
3250
+ "type": "typography"
3251
+ },
3252
+ "fontWeight": {
3253
+ "value": "500",
3254
+ "type": "typography"
3255
+ },
3256
+ "lineHeight": {
3257
+ "value": "1",
3258
+ "type": "typography"
3259
+ },
3260
+ "letterSpacing": {
3261
+ "value": "4px",
3262
+ "type": "typography"
3263
+ },
3264
+ "fontFamily": {
3265
+ "value": "Inter, sans-serif",
3266
+ "type": "typography"
3267
+ }
3268
+ },
3269
+ "600": {
3270
+ "fontSize": {
3271
+ "value": "13px",
3272
+ "type": "typography"
3273
+ },
3274
+ "fontWeight": {
3275
+ "value": "600",
3276
+ "type": "typography"
3277
+ },
3278
+ "lineHeight": {
3279
+ "value": "1",
3280
+ "type": "typography"
3281
+ },
3282
+ "letterSpacing": {
3283
+ "value": "4px",
3284
+ "type": "typography"
3285
+ },
3286
+ "fontFamily": {
3287
+ "value": "Inter, sans-serif",
3288
+ "type": "typography"
3289
+ }
3290
+ }
3291
+ },
3292
+ "small": {
3293
+ "400": {
3294
+ "fontSize": {
3295
+ "value": "11px",
3296
+ "type": "typography"
3297
+ },
3298
+ "fontWeight": {
3299
+ "value": "400",
3300
+ "type": "typography"
3301
+ },
3302
+ "lineHeight": {
3303
+ "value": "1",
3304
+ "type": "typography"
3305
+ },
3306
+ "letterSpacing": {
3307
+ "value": "4px",
3308
+ "type": "typography"
3309
+ },
3310
+ "fontFamily": {
3311
+ "value": "Inter, sans-serif",
3312
+ "type": "typography"
3313
+ }
3314
+ },
3315
+ "500": {
3316
+ "fontSize": {
3317
+ "value": "11px",
3318
+ "type": "typography"
3319
+ },
3320
+ "fontWeight": {
3321
+ "value": "500",
3322
+ "type": "typography"
3323
+ },
3324
+ "lineHeight": {
3325
+ "value": "1",
3326
+ "type": "typography"
3327
+ },
3328
+ "letterSpacing": {
3329
+ "value": "4px",
3330
+ "type": "typography"
3331
+ },
3332
+ "fontFamily": {
3333
+ "value": "Inter, sans-serif",
3334
+ "type": "typography"
3335
+ }
3336
+ },
3337
+ "600": {
3338
+ "fontSize": {
3339
+ "value": "11px",
3340
+ "type": "typography"
3341
+ },
3342
+ "fontWeight": {
3343
+ "value": "600",
3344
+ "type": "typography"
3345
+ },
3346
+ "lineHeight": {
3347
+ "value": "1",
3348
+ "type": "typography"
3349
+ },
3350
+ "letterSpacing": {
3351
+ "value": "4px",
3352
+ "type": "typography"
3353
+ },
3354
+ "fontFamily": {
3355
+ "value": "Inter, sans-serif",
3356
+ "type": "typography"
3357
+ }
3358
+ }
3359
+ }
3360
+ },
3361
+ "code": {
3362
+ "base": {
3363
+ "400": {
3364
+ "fontSize": {
3365
+ "value": "13px",
3366
+ "type": "typography"
3367
+ },
3368
+ "fontWeight": {
3369
+ "value": "400",
3370
+ "type": "typography"
3371
+ },
3372
+ "lineHeight": {
3373
+ "value": "1",
3374
+ "type": "typography"
3375
+ },
3376
+ "letterSpacing": {
3377
+ "value": "0px",
3378
+ "type": "typography"
3379
+ },
3380
+ "fontFamily": {
3381
+ "value": "SF Mono, monospace",
3382
+ "type": "typography"
3383
+ }
3384
+ },
3385
+ "500": {
3386
+ "fontSize": {
3387
+ "value": "13px",
3388
+ "type": "typography"
3389
+ },
3390
+ "fontWeight": {
3391
+ "value": "500",
3392
+ "type": "typography"
3393
+ },
3394
+ "lineHeight": {
3395
+ "value": "1",
3396
+ "type": "typography"
3397
+ },
3398
+ "letterSpacing": {
3399
+ "value": "0px",
3400
+ "type": "typography"
3401
+ },
3402
+ "fontFamily": {
3403
+ "value": "SF Mono, monospace",
3404
+ "type": "typography"
3405
+ }
3406
+ },
3407
+ "600": {
3408
+ "fontSize": {
3409
+ "value": "13px",
3410
+ "type": "typography"
3411
+ },
3412
+ "fontWeight": {
3413
+ "value": "600",
3414
+ "type": "typography"
3415
+ },
3416
+ "lineHeight": {
3417
+ "value": "1",
3418
+ "type": "typography"
3419
+ },
3420
+ "letterSpacing": {
3421
+ "value": "0px",
3422
+ "type": "typography"
3423
+ },
3424
+ "fontFamily": {
3425
+ "value": "SF Mono, monospace",
3426
+ "type": "typography"
3427
+ }
3428
+ }
3429
+ },
3430
+ "small": {
3431
+ "400": {
3432
+ "fontSize": {
3433
+ "value": "11px",
3434
+ "type": "typography"
3435
+ },
3436
+ "fontWeight": {
3437
+ "value": "400",
3438
+ "type": "typography"
3439
+ },
3440
+ "lineHeight": {
3441
+ "value": "1",
3442
+ "type": "typography"
3443
+ },
3444
+ "letterSpacing": {
3445
+ "value": "0px",
3446
+ "type": "typography"
3447
+ },
3448
+ "fontFamily": {
3449
+ "value": "SF Mono, monospace",
3450
+ "type": "typography"
3451
+ }
3452
+ },
3453
+ "500": {
3454
+ "fontSize": {
3455
+ "value": "11px",
3456
+ "type": "typography"
3457
+ },
3458
+ "fontWeight": {
3459
+ "value": "500",
3460
+ "type": "typography"
3461
+ },
3462
+ "lineHeight": {
3463
+ "value": "1",
3464
+ "type": "typography"
3465
+ },
3466
+ "letterSpacing": {
3467
+ "value": "0px",
3468
+ "type": "typography"
3469
+ },
3470
+ "fontFamily": {
3471
+ "value": "SF Mono, monospace",
3472
+ "type": "typography"
3473
+ }
3474
+ },
3475
+ "600": {
3476
+ "fontSize": {
3477
+ "value": "11px",
3478
+ "type": "typography"
3479
+ },
3480
+ "fontWeight": {
3481
+ "value": "600",
3482
+ "type": "typography"
3483
+ },
3484
+ "lineHeight": {
3485
+ "value": "1",
3486
+ "type": "typography"
3487
+ },
3488
+ "letterSpacing": {
3489
+ "value": "0px",
3490
+ "type": "typography"
3491
+ },
3492
+ "fontFamily": {
3493
+ "value": "SF Mono, monospace",
3494
+ "type": "typography"
3495
+ }
3496
+ }
3497
+ }
3498
+ },
3499
+ "paragraph": {
3500
+ "medium": {
3501
+ "400": {
3502
+ "fontSize": {
3503
+ "value": "16px",
3504
+ "type": "typography"
3505
+ },
3506
+ "fontWeight": {
3507
+ "value": "400",
3508
+ "type": "typography"
3509
+ },
3510
+ "lineHeight": {
3511
+ "value": "24px",
3512
+ "type": "typography"
3513
+ },
3514
+ "letterSpacing": {
3515
+ "value": "0px",
3516
+ "type": "typography"
3517
+ },
3518
+ "fontFamily": {
3519
+ "value": "Inter, sans-serif",
3520
+ "type": "typography"
3521
+ }
3522
+ },
3523
+ "500": {
3524
+ "fontSize": {
3525
+ "value": "16px",
3526
+ "type": "typography"
3527
+ },
3528
+ "fontWeight": {
3529
+ "value": "500",
3530
+ "type": "typography"
3531
+ },
3532
+ "lineHeight": {
3533
+ "value": "24px",
3534
+ "type": "typography"
3535
+ },
3536
+ "letterSpacing": {
3537
+ "value": "0px",
3538
+ "type": "typography"
3539
+ },
3540
+ "fontFamily": {
3541
+ "value": "Inter, sans-serif",
3542
+ "type": "typography"
3543
+ }
3544
+ },
3545
+ "600": {
3546
+ "fontSize": {
3547
+ "value": "16px",
3548
+ "type": "typography"
3549
+ },
3550
+ "fontWeight": {
3551
+ "value": "600",
3552
+ "type": "typography"
3553
+ },
3554
+ "lineHeight": {
3555
+ "value": "24px",
3556
+ "type": "typography"
3557
+ },
3558
+ "letterSpacing": {
3559
+ "value": "0px",
3560
+ "type": "typography"
3561
+ },
3562
+ "fontFamily": {
3563
+ "value": "Inter, sans-serif",
3564
+ "type": "typography"
3565
+ }
3566
+ }
3567
+ },
3568
+ "base": {
3569
+ "400": {
3570
+ "fontSize": {
3571
+ "value": "13px",
3572
+ "type": "typography"
3573
+ },
3574
+ "fontWeight": {
3575
+ "value": "400",
3576
+ "type": "typography"
3577
+ },
3578
+ "lineHeight": {
3579
+ "value": "20px",
3580
+ "type": "typography"
3581
+ },
3582
+ "letterSpacing": {
3583
+ "value": "-0.5px",
3584
+ "type": "typography"
3585
+ },
3586
+ "fontFamily": {
3587
+ "value": "Inter, sans-serif",
3588
+ "type": "typography"
3589
+ }
3590
+ },
3591
+ "500": {
3592
+ "fontSize": {
3593
+ "value": "13px",
3594
+ "type": "typography"
3595
+ },
3596
+ "fontWeight": {
3597
+ "value": "500",
3598
+ "type": "typography"
3599
+ },
3600
+ "lineHeight": {
3601
+ "value": "20px",
3602
+ "type": "typography"
3603
+ },
3604
+ "letterSpacing": {
3605
+ "value": "-0.5px",
3606
+ "type": "typography"
3607
+ },
3608
+ "fontFamily": {
3609
+ "value": "Inter, sans-serif",
3610
+ "type": "typography"
3611
+ }
3612
+ },
3613
+ "600": {
3614
+ "fontSize": {
3615
+ "value": "13px",
3616
+ "type": "typography"
3617
+ },
3618
+ "fontWeight": {
3619
+ "value": "600",
3620
+ "type": "typography"
3621
+ },
3622
+ "lineHeight": {
3623
+ "value": "20px",
3624
+ "type": "typography"
3625
+ },
3626
+ "letterSpacing": {
3627
+ "value": "-0.5px",
3628
+ "type": "typography"
3629
+ },
3630
+ "fontFamily": {
3631
+ "value": "Inter, sans-serif",
3632
+ "type": "typography"
3633
+ }
3634
+ }
3635
+ },
3636
+ "small": {
3637
+ "400": {
3638
+ "fontSize": {
3639
+ "value": "11px",
3640
+ "type": "typography"
3641
+ },
3642
+ "fontWeight": {
3643
+ "value": "400",
3644
+ "type": "typography"
3645
+ },
3646
+ "lineHeight": {
3647
+ "value": "18px",
3648
+ "type": "typography"
3649
+ },
3650
+ "letterSpacing": {
3651
+ "value": "-0.5px",
3652
+ "type": "typography"
3653
+ },
3654
+ "fontFamily": {
3655
+ "value": "Inter, sans-serif",
3656
+ "type": "typography"
3657
+ }
3658
+ },
3659
+ "500": {
3660
+ "fontSize": {
3661
+ "value": "11px",
3662
+ "type": "typography"
3663
+ },
3664
+ "fontWeight": {
3665
+ "value": "500",
3666
+ "type": "typography"
3667
+ },
3668
+ "lineHeight": {
3669
+ "value": "18px",
3670
+ "type": "typography"
3671
+ },
3672
+ "letterSpacing": {
3673
+ "value": "-0.5px",
3674
+ "type": "typography"
3675
+ },
3676
+ "fontFamily": {
3677
+ "value": "Inter, sans-serif",
3678
+ "type": "typography"
3679
+ }
3680
+ },
3681
+ "600": {
3682
+ "fontSize": {
3683
+ "value": "11px",
3684
+ "type": "typography"
3685
+ },
3686
+ "fontWeight": {
3687
+ "value": "600",
3688
+ "type": "typography"
3689
+ },
3690
+ "lineHeight": {
3691
+ "value": "18px",
3692
+ "type": "typography"
3693
+ },
3694
+ "letterSpacing": {
3695
+ "value": "-0.5px",
3696
+ "type": "typography"
3697
+ },
3698
+ "fontFamily": {
3699
+ "value": "Inter, sans-serif",
3700
+ "type": "typography"
3701
+ }
3702
+ }
3703
+ }
1625
3704
  }
1626
3705
  };
1627
3706