@signozhq/design-tokens 1.1.1 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/design-tokens.js +784 -6
  2. package/dist/design-tokens.umd.cjs +1 -1
  3. package/dist/index.d.ts +781 -0
  4. package/dist/style.css +1 -0
  5. package/package.json +3 -1
package/dist/index.d.ts CHANGED
@@ -200,6 +200,545 @@ export declare type ColorTailwindType = {
200
200
  [key: string]: string;
201
201
  };
202
202
 
203
+ export declare const colorTokens: {
204
+ "bg": {
205
+ "Robin": {
206
+ "600": {
207
+ "value": "#3F5ECC",
208
+ "type": "color"
209
+ },
210
+ "500": {
211
+ "value": "#4E74F8",
212
+ "type": "color"
213
+ },
214
+ "400": {
215
+ "value": "#7190F9",
216
+ "type": "color"
217
+ },
218
+ "300": {
219
+ "value": "#95ACFB",
220
+ "type": "color"
221
+ },
222
+ "200": {
223
+ "value": "#B8C7FC",
224
+ "type": "color"
225
+ },
226
+ "100": {
227
+ "value": "#CAD5FD",
228
+ "type": "color"
229
+ }
230
+ },
231
+ "Sienna": {
232
+ "600": {
233
+ "value": "#8A6646",
234
+ "type": "color"
235
+ },
236
+ "500": {
237
+ "value": "#AD7F58",
238
+ "type": "color"
239
+ },
240
+ "400": {
241
+ "value": "#BD9979",
242
+ "type": "color"
243
+ },
244
+ "300": {
245
+ "value": "#CEB29B",
246
+ "type": "color"
247
+ },
248
+ "200": {
249
+ "value": "#DECCBC",
250
+ "type": "color"
251
+ },
252
+ "100": {
253
+ "value": "#E6D9CD",
254
+ "type": "color"
255
+ }
256
+ },
257
+ "Cherry": {
258
+ "600": {
259
+ "value": "#B83A3E",
260
+ "type": "color"
261
+ },
262
+ "500": {
263
+ "value": "#E5484D",
264
+ "type": "color"
265
+ },
266
+ "400": {
267
+ "value": "#EA6D71",
268
+ "type": "color"
269
+ },
270
+ "300": {
271
+ "value": "#F5B6B8",
272
+ "type": "color"
273
+ },
274
+ "200": {
275
+ "value": "#F7C8CA",
276
+ "type": "color"
277
+ },
278
+ "100": {
279
+ "value": "#FADADB",
280
+ "type": "color"
281
+ }
282
+ },
283
+ "Aqua": {
284
+ "600": {
285
+ "value": "#07AFE6",
286
+ "type": "color"
287
+ },
288
+ "500": {
289
+ "value": "#23C4F8",
290
+ "type": "color"
291
+ },
292
+ "400": {
293
+ "value": "#4BCFF9",
294
+ "type": "color"
295
+ },
296
+ "300": {
297
+ "value": "#72D9FB",
298
+ "type": "color"
299
+ },
300
+ "200": {
301
+ "value": "#9AE4FC",
302
+ "type": "color"
303
+ },
304
+ "100": {
305
+ "value": "#C1EEFD",
306
+ "type": "color"
307
+ }
308
+ },
309
+ "Sakura": {
310
+ "600": {
311
+ "value": "#C53955",
312
+ "type": "color"
313
+ },
314
+ "500": {
315
+ "value": "#F24769",
316
+ "type": "color"
317
+ },
318
+ "400": {
319
+ "value": "#F56C87",
320
+ "type": "color"
321
+ },
322
+ "300": {
323
+ "value": "#F791A5",
324
+ "type": "color"
325
+ },
326
+ "200": {
327
+ "value": "#FAB5C3",
328
+ "type": "color"
329
+ },
330
+ "100": {
331
+ "value": "#FBC8D2",
332
+ "type": "color"
333
+ }
334
+ },
335
+ "Amber": {
336
+ "600": {
337
+ "value": "#D5AA45",
338
+ "type": "color"
339
+ },
340
+ "500": {
341
+ "value": "#FFCD56",
342
+ "type": "color"
343
+ },
344
+ "400": {
345
+ "value": "#FFD778",
346
+ "type": "color"
347
+ },
348
+ "300": {
349
+ "value": "#FFE19A",
350
+ "type": "color"
351
+ },
352
+ "200": {
353
+ "value": "#FFEBBB",
354
+ "type": "color"
355
+ },
356
+ "100": {
357
+ "value": "#FFF0CC",
358
+ "type": "color"
359
+ }
360
+ },
361
+ "Ink": {
362
+ "500": {
363
+ "value": "#0B0C0E",
364
+ "type": "color"
365
+ },
366
+ "400": {
367
+ "value": "#121317",
368
+ "type": "color"
369
+ },
370
+ "300": {
371
+ "value": "#16181D",
372
+ "type": "color"
373
+ },
374
+ "200": {
375
+ "value": "#23262E",
376
+ "type": "color"
377
+ },
378
+ "100": {
379
+ "value": "#2A2E37",
380
+ "type": "color"
381
+ }
382
+ },
383
+ "Vanilla": {
384
+ "400": {
385
+ "value": "#C0C1C3",
386
+ "type": "color"
387
+ },
388
+ "300": {
389
+ "value": "#E9E9E9",
390
+ "type": "color"
391
+ },
392
+ "200": {
393
+ "value": "#F5F5F5",
394
+ "type": "color"
395
+ },
396
+ "100": {
397
+ "value": "#FFFFFF",
398
+ "type": "color"
399
+ }
400
+ },
401
+ "Slate": {
402
+ "500": {
403
+ "value": "#161922",
404
+ "type": "color"
405
+ },
406
+ "400": {
407
+ "value": "#1D212D",
408
+ "type": "color"
409
+ },
410
+ "300": {
411
+ "value": "#242834",
412
+ "type": "color"
413
+ },
414
+ "200": {
415
+ "value": "#2C3140",
416
+ "type": "color"
417
+ },
418
+ "100": {
419
+ "value": "#3C4152",
420
+ "type": "color"
421
+ },
422
+ "50": {
423
+ "value": "#62687C",
424
+ "type": "color"
425
+ }
426
+ },
427
+ "Gradient": {
428
+ "Coral": {
429
+ "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
430
+ "type": "color"
431
+ },
432
+ "Dark-Shadow": {
433
+ "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
434
+ "type": "color"
435
+ },
436
+ "Dawn": {
437
+ "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
438
+ "type": "color"
439
+ },
440
+ "Ocean": {
441
+ "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
442
+ "type": "color"
443
+ },
444
+ "Splash": {
445
+ "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
446
+ "type": "color"
447
+ },
448
+ "Flamingo": {
449
+ "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
450
+ "type": "color"
451
+ }
452
+ },
453
+ "Forest": {
454
+ "600": {
455
+ "value": "#1EB475",
456
+ "type": "color"
457
+ },
458
+ "500": {
459
+ "value": "#25E192",
460
+ "type": "color"
461
+ },
462
+ "400": {
463
+ "value": "#51E7A8",
464
+ "type": "color"
465
+ },
466
+ "300": {
467
+ "value": "#7CEDBE",
468
+ "type": "color"
469
+ },
470
+ "200": {
471
+ "value": "#A8F3D3",
472
+ "type": "color"
473
+ }
474
+ }
475
+ },
476
+ "text": {
477
+ "Robin": {
478
+ "600": {
479
+ "value": "#3F5ECC",
480
+ "type": "color"
481
+ },
482
+ "500": {
483
+ "value": "#4E74F8",
484
+ "type": "color"
485
+ },
486
+ "400": {
487
+ "value": "#7190F9",
488
+ "type": "color"
489
+ },
490
+ "300": {
491
+ "value": "#95ACFB",
492
+ "type": "color"
493
+ },
494
+ "200": {
495
+ "value": "#B8C7FC",
496
+ "type": "color"
497
+ },
498
+ "100": {
499
+ "value": "#CAD5FD",
500
+ "type": "color"
501
+ }
502
+ },
503
+ "Sienna": {
504
+ "600": {
505
+ "value": "#8A6646",
506
+ "type": "color"
507
+ },
508
+ "500": {
509
+ "value": "#AD7F58",
510
+ "type": "color"
511
+ },
512
+ "400": {
513
+ "value": "#BD9979",
514
+ "type": "color"
515
+ },
516
+ "300": {
517
+ "value": "#CEB29B",
518
+ "type": "color"
519
+ },
520
+ "200": {
521
+ "value": "#DECCBC",
522
+ "type": "color"
523
+ },
524
+ "100": {
525
+ "value": "#E6D9CD",
526
+ "type": "color"
527
+ }
528
+ },
529
+ "Cherry": {
530
+ "600": {
531
+ "value": "#B83A3E",
532
+ "type": "color"
533
+ },
534
+ "500": {
535
+ "value": "#E5484D",
536
+ "type": "color"
537
+ },
538
+ "400": {
539
+ "value": "#EA6D71",
540
+ "type": "color"
541
+ },
542
+ "300": {
543
+ "value": "#F5B6B8",
544
+ "type": "color"
545
+ },
546
+ "200": {
547
+ "value": "#F7C8CA",
548
+ "type": "color"
549
+ },
550
+ "100": {
551
+ "value": "#FADADB",
552
+ "type": "color"
553
+ }
554
+ },
555
+ "Aqua": {
556
+ "600": {
557
+ "value": "#07AFE6",
558
+ "type": "color"
559
+ },
560
+ "500": {
561
+ "value": "#23C4F8",
562
+ "type": "color"
563
+ },
564
+ "400": {
565
+ "value": "#4BCFF9",
566
+ "type": "color"
567
+ },
568
+ "300": {
569
+ "value": "#72D9FB",
570
+ "type": "color"
571
+ },
572
+ "200": {
573
+ "value": "#9AE4FC",
574
+ "type": "color"
575
+ },
576
+ "100": {
577
+ "value": "#C1EEFD",
578
+ "type": "color"
579
+ }
580
+ },
581
+ "Sakura": {
582
+ "600": {
583
+ "value": "#C53955",
584
+ "type": "color"
585
+ },
586
+ "500": {
587
+ "value": "#F24769",
588
+ "type": "color"
589
+ },
590
+ "400": {
591
+ "value": "#F56C87",
592
+ "type": "color"
593
+ },
594
+ "300": {
595
+ "value": "#F791A5",
596
+ "type": "color"
597
+ },
598
+ "200": {
599
+ "value": "#FAB5C3",
600
+ "type": "color"
601
+ },
602
+ "100": {
603
+ "value": "#FBC8D2",
604
+ "type": "color"
605
+ }
606
+ },
607
+ "Amber": {
608
+ "600": {
609
+ "value": "#D5AA45",
610
+ "type": "color"
611
+ },
612
+ "500": {
613
+ "value": "#FFCD56",
614
+ "type": "color"
615
+ },
616
+ "400": {
617
+ "value": "#FFD778",
618
+ "type": "color"
619
+ },
620
+ "300": {
621
+ "value": "#FFE19A",
622
+ "type": "color"
623
+ },
624
+ "200": {
625
+ "value": "#FFEBBB",
626
+ "type": "color"
627
+ },
628
+ "100": {
629
+ "value": "#FFF0CC",
630
+ "type": "color"
631
+ }
632
+ },
633
+ "Ink": {
634
+ "500": {
635
+ "value": "#0B0C0E",
636
+ "type": "color"
637
+ },
638
+ "400": {
639
+ "value": "#121317",
640
+ "type": "color"
641
+ },
642
+ "300": {
643
+ "value": "#16181D",
644
+ "type": "color"
645
+ },
646
+ "200": {
647
+ "value": "#23262E",
648
+ "type": "color"
649
+ },
650
+ "100": {
651
+ "value": "#2A2E37",
652
+ "type": "color"
653
+ }
654
+ },
655
+ "Vanilla": {
656
+ "400": {
657
+ "value": "#C0C1C3",
658
+ "type": "color"
659
+ },
660
+ "300": {
661
+ "value": "#E9E9E9",
662
+ "type": "color"
663
+ },
664
+ "200": {
665
+ "value": "#F5F5F5",
666
+ "type": "color"
667
+ },
668
+ "100": {
669
+ "value": "#FFFFFF",
670
+ "type": "color"
671
+ }
672
+ },
673
+ "Slate": {
674
+ "500": {
675
+ "value": "#161922",
676
+ "type": "color"
677
+ },
678
+ "400": {
679
+ "value": "#1D212D",
680
+ "type": "color"
681
+ },
682
+ "300": {
683
+ "value": "#242834",
684
+ "type": "color"
685
+ },
686
+ "200": {
687
+ "value": "#2C3140",
688
+ "type": "color"
689
+ }
690
+ },
691
+ "Gradient": {
692
+ "Coral": {
693
+ "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
694
+ "type": "color"
695
+ },
696
+ "Dark-Shadow": {
697
+ "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
698
+ "type": "color"
699
+ },
700
+ "Dawn": {
701
+ "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
702
+ "type": "color"
703
+ },
704
+ "Ocean": {
705
+ "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
706
+ "type": "color"
707
+ },
708
+ "Splash": {
709
+ "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
710
+ "type": "color"
711
+ },
712
+ "Flamingo": {
713
+ "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
714
+ "type": "color"
715
+ }
716
+ },
717
+ "Forest": {
718
+ "600": {
719
+ "value": "#1EB475",
720
+ "type": "color"
721
+ },
722
+ "500": {
723
+ "value": "#25E192",
724
+ "type": "color"
725
+ },
726
+ "400": {
727
+ "value": "#51E7A8",
728
+ "type": "color"
729
+ },
730
+ "300": {
731
+ "value": "#7CEDBE",
732
+ "type": "color"
733
+ },
734
+ "200": {
735
+ "value": "#A8F3D3",
736
+ "type": "color"
737
+ }
738
+ }
739
+ }
740
+ };
741
+
203
742
  export declare type ColorType = {
204
743
  [key: string]: string;
205
744
  };
@@ -247,6 +786,157 @@ export declare const Spacing: {
247
786
  readonly MARGIN_64: "16rem";
248
787
  };
249
788
 
789
+ export declare const spacingTokens: {
790
+ "padding": {
791
+ "1": {
792
+ "value": "0.25rem",
793
+ "type": "spacing"
794
+ },
795
+ "2": {
796
+ "value": "0.5rem",
797
+ "type": "spacing"
798
+ },
799
+ "3": {
800
+ "value": "0.75rem",
801
+ "type": "spacing"
802
+ },
803
+ "4": {
804
+ "value": "1rem",
805
+ "type": "spacing"
806
+ },
807
+ "5": {
808
+ "value": "1.25rem",
809
+ "type": "spacing"
810
+ },
811
+ "6": {
812
+ "value": "1.5rem",
813
+ "type": "spacing"
814
+ },
815
+ "7": {
816
+ "value": "1.75rem",
817
+ "type": "spacing"
818
+ },
819
+ "8": {
820
+ "value": "2rem",
821
+ "type": "spacing"
822
+ },
823
+ "10": {
824
+ "value": "2.5rem",
825
+ "type": "spacing"
826
+ },
827
+ "12": {
828
+ "value": "3rem",
829
+ "type": "spacing"
830
+ },
831
+ "16": {
832
+ "value": "4rem",
833
+ "type": "spacing"
834
+ },
835
+ "20": {
836
+ "value": "5rem",
837
+ "type": "spacing"
838
+ },
839
+ "24": {
840
+ "value": "6rem",
841
+ "type": "spacing"
842
+ },
843
+ "32": {
844
+ "value": "8rem",
845
+ "type": "spacing"
846
+ },
847
+ "40": {
848
+ "value": "10rem",
849
+ "type": "spacing"
850
+ },
851
+ "48": {
852
+ "value": "12rem",
853
+ "type": "spacing"
854
+ },
855
+ "56": {
856
+ "value": "14rem",
857
+ "type": "spacing"
858
+ },
859
+ "64": {
860
+ "value": "16rem",
861
+ "type": "spacing"
862
+ }
863
+ },
864
+ "margin": {
865
+ "1": {
866
+ "value": "0.25rem",
867
+ "type": "spacing"
868
+ },
869
+ "2": {
870
+ "value": "0.5rem",
871
+ "type": "spacing"
872
+ },
873
+ "3": {
874
+ "value": "0.75rem",
875
+ "type": "spacing"
876
+ },
877
+ "4": {
878
+ "value": "1rem",
879
+ "type": "spacing"
880
+ },
881
+ "5": {
882
+ "value": "1.25rem",
883
+ "type": "spacing"
884
+ },
885
+ "6": {
886
+ "value": "1.5rem",
887
+ "type": "spacing"
888
+ },
889
+ "7": {
890
+ "value": "1.75rem",
891
+ "type": "spacing"
892
+ },
893
+ "8": {
894
+ "value": "2rem",
895
+ "type": "spacing"
896
+ },
897
+ "10": {
898
+ "value": "2.5rem",
899
+ "type": "spacing"
900
+ },
901
+ "12": {
902
+ "value": "3rem",
903
+ "type": "spacing"
904
+ },
905
+ "16": {
906
+ "value": "4rem",
907
+ "type": "spacing"
908
+ },
909
+ "20": {
910
+ "value": "5rem",
911
+ "type": "spacing"
912
+ },
913
+ "24": {
914
+ "value": "6rem",
915
+ "type": "spacing"
916
+ },
917
+ "32": {
918
+ "value": "8rem",
919
+ "type": "spacing"
920
+ },
921
+ "40": {
922
+ "value": "10rem",
923
+ "type": "spacing"
924
+ },
925
+ "48": {
926
+ "value": "12rem",
927
+ "type": "spacing"
928
+ },
929
+ "56": {
930
+ "value": "14rem",
931
+ "type": "spacing"
932
+ },
933
+ "64": {
934
+ "value": "16rem",
935
+ "type": "spacing"
936
+ }
937
+ }
938
+ };
939
+
250
940
  export declare type SpacingType = {
251
941
  [key: string]: string;
252
942
  };
@@ -279,6 +969,97 @@ export declare const Typography: {
279
969
  readonly FONTWEIGHT_BLACK: "900";
280
970
  };
281
971
 
972
+ export declare const typographyTokens: {
973
+ "fontSize": {
974
+ "xs": {
975
+ "value": "0.75rem",
976
+ "type": "typography"
977
+ },
978
+ "sm": {
979
+ "value": "0.875rem",
980
+ "type": "typography"
981
+ },
982
+ "lg": {
983
+ "value": "1.125rem",
984
+ "type": "typography"
985
+ },
986
+ "xl": {
987
+ "value": "1.25rem",
988
+ "type": "typography"
989
+ },
990
+ "2xl": {
991
+ "value": "1.5rem",
992
+ "type": "typography"
993
+ },
994
+ "3xl": {
995
+ "value": "1.875rem",
996
+ "type": "typography"
997
+ },
998
+ "4xl": {
999
+ "value": "2.25rem",
1000
+ "type": "typography"
1001
+ },
1002
+ "5xl": {
1003
+ "value": "3rem",
1004
+ "type": "typography"
1005
+ },
1006
+ "6xl": {
1007
+ "value": "3.75rem",
1008
+ "type": "typography"
1009
+ },
1010
+ "7xl": {
1011
+ "value": "4.5rem",
1012
+ "type": "typography"
1013
+ },
1014
+ "8xl": {
1015
+ "value": "6rem",
1016
+ "type": "typography"
1017
+ },
1018
+ "9xl": {
1019
+ "value": "8rem",
1020
+ "type": "typography"
1021
+ }
1022
+ },
1023
+ "fontWeight": {
1024
+ "thin": {
1025
+ "value": "100",
1026
+ "type": "typography"
1027
+ },
1028
+ "extralight": {
1029
+ "value": "200",
1030
+ "type": "typography"
1031
+ },
1032
+ "light": {
1033
+ "value": "300",
1034
+ "type": "typography"
1035
+ },
1036
+ "normal": {
1037
+ "value": "400",
1038
+ "type": "typography"
1039
+ },
1040
+ "medium": {
1041
+ "value": "500",
1042
+ "type": "typography"
1043
+ },
1044
+ "semibold": {
1045
+ "value": "600",
1046
+ "type": "typography"
1047
+ },
1048
+ "bold": {
1049
+ "value": "700",
1050
+ "type": "typography"
1051
+ },
1052
+ "extrabold": {
1053
+ "value": "800",
1054
+ "type": "typography"
1055
+ },
1056
+ "black": {
1057
+ "value": "900",
1058
+ "type": "typography"
1059
+ }
1060
+ }
1061
+ };
1062
+
282
1063
  export declare type TypographyType = {
283
1064
  [key: string]: string;
284
1065
  };