@channel.io/bezier-tokens 0.2.7 → 0.2.9

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 (25) hide show
  1. package/dist/alpha/cjs/darkTheme.js +62 -45
  2. package/dist/alpha/cjs/darkThemeHovered.js +38 -21
  3. package/dist/alpha/cjs/global.js +43 -19
  4. package/dist/alpha/cjs/lightTheme.js +16 -0
  5. package/dist/alpha/cjs/lightThemeHovered.js +16 -0
  6. package/dist/alpha/css/styles.css +127 -37
  7. package/dist/alpha/esm/darkTheme.mjs +62 -45
  8. package/dist/alpha/esm/darkThemeHovered.mjs +38 -21
  9. package/dist/alpha/esm/global.mjs +43 -19
  10. package/dist/alpha/esm/lightTheme.mjs +16 -0
  11. package/dist/alpha/esm/lightThemeHovered.mjs +16 -0
  12. package/dist/types/alpha/cjs/darkTheme.d.ts +113 -45
  13. package/dist/types/alpha/cjs/darkThemeHovered.d.ts +89 -21
  14. package/dist/types/alpha/cjs/global.d.ts +115 -19
  15. package/dist/types/alpha/cjs/index.d.ts +445 -85
  16. package/dist/types/alpha/cjs/lightTheme.d.ts +64 -0
  17. package/dist/types/alpha/cjs/lightThemeHovered.d.ts +64 -0
  18. package/dist/types/alpha/esm/darkTheme.d.mts +113 -45
  19. package/dist/types/alpha/esm/darkThemeHovered.d.mts +89 -21
  20. package/dist/types/alpha/esm/global.d.mts +115 -19
  21. package/dist/types/alpha/esm/index.d.mts +445 -85
  22. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  23. package/dist/types/alpha/esm/lightTheme.d.mts +64 -0
  24. package/dist/types/alpha/esm/lightThemeHovered.d.mts +64 -0
  25. package/package.json +1 -1
package/dist/types/alpha/esm/darkTheme.d.mts CHANGED
@@ -35,7 +35,7 @@ declare const _default: Readonly<{
35
35
  ref: "0 0 0 1px alpha-color-warning-bg-normal";
36
36
  }>;
37
37
  "alpha-shadow-active": Readonly<{
38
- value: "0 0 0 1px #84a5ff";
38
+ value: "0 0 0 1px #7d9efa";
39
39
  ref: "0 0 0 1px alpha-color-primary-bg-normal";
40
40
  }>;
41
41
  "alpha-shadow-input-default": Readonly<{
@@ -43,11 +43,11 @@ declare const _default: Readonly<{
43
43
  ref: "inset 0 0 0 1px alpha-color-shadow-medium, 0 0 2px 0 alpha-color-shadow-base";
44
44
  }>;
45
45
  "alpha-shadow-input-hover": Readonly<{
46
- value: "inset 0 0 0 1px #84a5ff, 0 0 6px 0 #00000014";
46
+ value: "inset 0 0 0 1px #7d9efa, 0 0 6px 0 #00000014";
47
47
  ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
48
48
  }>;
49
49
  "alpha-shadow-input-active": Readonly<{
50
- value: "inset 0 0 0 1px #84a5ff, 0 0 0 3px #84a5ff73, 0 0 6px 0 #00000014";
50
+ value: "inset 0 0 0 1px #7d9efa, 0 0 0 3px #7d9efa73, 0 0 6px 0 #00000014";
51
51
  ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 0 3px alpha-color-primary-bg-light, 0 0 6px 0 alpha-color-shadow-base";
52
52
  }>;
53
53
  "alpha-shadow-input-error": Readonly<{
@@ -85,27 +85,27 @@ declare const _default: Readonly<{
85
85
  ref: "alpha-color-grey-900";
86
86
  }>;
87
87
  "alpha-color-fg-blue-normal": Readonly<{
88
- value: "#84a5ff";
88
+ value: "#7d9efa";
89
89
  ref: "alpha-color-blue-300";
90
90
  }>;
91
91
  "alpha-color-fg-blue-light": Readonly<{
92
- value: "#84a5ff73";
92
+ value: "#7d9efa73";
93
93
  ref: "alpha-color-blue-300-45";
94
94
  }>;
95
95
  "alpha-color-fg-blue-dark": Readonly<{
96
- value: "#84a5ff";
96
+ value: "#7d9efa";
97
97
  ref: "alpha-color-blue-300";
98
98
  }>;
99
99
  "alpha-color-fg-cobalt-normal": Readonly<{
100
- value: "#77c0fb";
100
+ value: "#71b9f5";
101
101
  ref: "alpha-color-cobalt-300";
102
102
  }>;
103
103
  "alpha-color-fg-cobalt-light": Readonly<{
104
- value: "#77c0fb73";
104
+ value: "#71b9f573";
105
105
  ref: "alpha-color-cobalt-300-45";
106
106
  }>;
107
107
  "alpha-color-fg-cobalt-dark": Readonly<{
108
- value: "#77c0fb";
108
+ value: "#71b9f5";
109
109
  ref: "alpha-color-cobalt-300";
110
110
  }>;
111
111
  "alpha-color-fg-red-normal": Readonly<{
@@ -133,15 +133,15 @@ declare const _default: Readonly<{
133
133
  ref: "alpha-color-orange-300";
134
134
  }>;
135
135
  "alpha-color-fg-green-normal": Readonly<{
136
- value: "#6ad081";
136
+ value: "#68cc7f";
137
137
  ref: "alpha-color-green-300";
138
138
  }>;
139
139
  "alpha-color-fg-green-light": Readonly<{
140
- value: "#6ad08173";
140
+ value: "#68cc7f73";
141
141
  ref: "alpha-color-green-300-45";
142
142
  }>;
143
143
  "alpha-color-fg-green-dark": Readonly<{
144
- value: "#6ad081";
144
+ value: "#68cc7f";
145
145
  ref: "alpha-color-green-300";
146
146
  }>;
147
147
  "alpha-color-fg-teal-normal": Readonly<{
@@ -312,6 +312,10 @@ declare const _default: Readonly<{
312
312
  value: "#ffffff0d";
313
313
  ref: "alpha-color-white-5";
314
314
  }>;
315
+ "alpha-color-bg-black-transparent": Readonly<{
316
+ value: "#ffffff00";
317
+ ref: "alpha-color-white-0";
318
+ }>;
315
319
  "alpha-color-bg-grey-darkest": Readonly<{
316
320
  value: "#ffffff";
317
321
  ref: "alpha-color-white-100";
@@ -332,6 +336,10 @@ declare const _default: Readonly<{
332
336
  value: "#2a2b2d";
333
337
  ref: "alpha-color-grey-850";
334
338
  }>;
339
+ "alpha-color-bg-grey-transparent": Readonly<{
340
+ value: "#ffffff00";
341
+ ref: "alpha-color-white-0";
342
+ }>;
335
343
  "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
336
344
  value: "#464748cc";
337
345
  ref: "alpha-color-grey-alpha-700-80";
@@ -364,6 +372,10 @@ declare const _default: Readonly<{
364
372
  value: "#242428";
365
373
  ref: "alpha-color-grey-900";
366
374
  }>;
375
+ "alpha-color-bg-white-transparent": Readonly<{
376
+ value: "#ffffff00";
377
+ ref: "alpha-color-white-0";
378
+ }>;
367
379
  "alpha-color-bg-white-white-alpha-lightest": Readonly<{
368
380
  value: "#313234cc";
369
381
  ref: "alpha-color-grey-alpha-800-80";
@@ -376,20 +388,24 @@ declare const _default: Readonly<{
376
388
  value: "#00000033";
377
389
  ref: "alpha-color-black-20";
378
390
  }>;
391
+ "alpha-color-bg-white-white-alpha-transparent": Readonly<{
392
+ value: "#00000000";
393
+ ref: "alpha-color-black-0";
394
+ }>;
379
395
  "alpha-color-bg-blue-normal": Readonly<{
380
- value: "#84a5ff";
396
+ value: "#7d9efa";
381
397
  ref: "alpha-color-blue-300";
382
398
  }>;
383
399
  "alpha-color-bg-blue-light": Readonly<{
384
- value: "#84a5ff73";
400
+ value: "#7d9efa73";
385
401
  ref: "alpha-color-blue-300-45";
386
402
  }>;
387
403
  "alpha-color-bg-blue-lighter": Readonly<{
388
- value: "#84a5ff4d";
404
+ value: "#7d9efa4d";
389
405
  ref: "alpha-color-blue-300-30";
390
406
  }>;
391
407
  "alpha-color-bg-blue-lightest": Readonly<{
392
- value: "#84a5ff26";
408
+ value: "#7d9efa26";
393
409
  ref: "alpha-color-blue-300-15";
394
410
  }>;
395
411
  "alpha-color-bg-blue-dark": Readonly<{
@@ -404,20 +420,24 @@ declare const _default: Readonly<{
404
420
  value: "#4c5289";
405
421
  ref: "alpha-color-shade-blue-600";
406
422
  }>;
423
+ "alpha-color-bg-blue-transparent": Readonly<{
424
+ value: "#7d9efa00";
425
+ ref: "alpha-color-blue-300-0";
426
+ }>;
407
427
  "alpha-color-bg-cobalt-normal": Readonly<{
408
- value: "#77c0fb";
428
+ value: "#71b9f5";
409
429
  ref: "alpha-color-cobalt-300";
410
430
  }>;
411
431
  "alpha-color-bg-cobalt-light": Readonly<{
412
- value: "#77c0fb73";
432
+ value: "#71b9f573";
413
433
  ref: "alpha-color-cobalt-300-45";
414
434
  }>;
415
435
  "alpha-color-bg-cobalt-lighter": Readonly<{
416
- value: "#77c0fb4d";
436
+ value: "#71b9f54d";
417
437
  ref: "alpha-color-cobalt-300-30";
418
438
  }>;
419
439
  "alpha-color-bg-cobalt-lightest": Readonly<{
420
- value: "#77c0fb26";
440
+ value: "#71b9f526";
421
441
  ref: "alpha-color-cobalt-300-15";
422
442
  }>;
423
443
  "alpha-color-bg-cobalt-dark": Readonly<{
@@ -432,6 +452,10 @@ declare const _default: Readonly<{
432
452
  value: "#4a6185";
433
453
  ref: "alpha-color-shade-cobalt-600";
434
454
  }>;
455
+ "alpha-color-bg-cobalt-transparent": Readonly<{
456
+ value: "#71b9f500";
457
+ ref: "alpha-color-cobalt-300-0";
458
+ }>;
435
459
  "alpha-color-bg-red-normal": Readonly<{
436
460
  value: "#ff8c8c";
437
461
  ref: "alpha-color-red-300";
@@ -460,6 +484,10 @@ declare const _default: Readonly<{
460
484
  value: "#904248";
461
485
  ref: "alpha-color-shade-red-600";
462
486
  }>;
487
+ "alpha-color-bg-red-transparent": Readonly<{
488
+ value: "#ff8c8c00";
489
+ ref: "alpha-color-red-300-0";
490
+ }>;
463
491
  "alpha-color-bg-orange-normal": Readonly<{
464
492
  value: "#ffa15e";
465
493
  ref: "alpha-color-orange-300";
@@ -488,20 +516,24 @@ declare const _default: Readonly<{
488
516
  value: "#895a34";
489
517
  ref: "alpha-color-shade-orange-600";
490
518
  }>;
519
+ "alpha-color-bg-orange-transparent": Readonly<{
520
+ value: "#ffa15e00";
521
+ ref: "alpha-color-orange-300-0";
522
+ }>;
491
523
  "alpha-color-bg-green-normal": Readonly<{
492
- value: "#6ad081";
524
+ value: "#68cc7f";
493
525
  ref: "alpha-color-green-300";
494
526
  }>;
495
527
  "alpha-color-bg-green-light": Readonly<{
496
- value: "#6ad08173";
528
+ value: "#68cc7f73";
497
529
  ref: "alpha-color-green-300-45";
498
530
  }>;
499
531
  "alpha-color-bg-green-lighter": Readonly<{
500
- value: "#6ad0814d";
532
+ value: "#68cc7f4d";
501
533
  ref: "alpha-color-green-300-30";
502
534
  }>;
503
535
  "alpha-color-bg-green-lightest": Readonly<{
504
- value: "#6ad08126";
536
+ value: "#68cc7f26";
505
537
  ref: "alpha-color-green-300-15";
506
538
  }>;
507
539
  "alpha-color-bg-green-dark": Readonly<{
@@ -516,6 +548,10 @@ declare const _default: Readonly<{
516
548
  value: "#4c7a5e";
517
549
  ref: "alpha-color-shade-green-600";
518
550
  }>;
551
+ "alpha-color-bg-green-transparent": Readonly<{
552
+ value: "#68cc7f26";
553
+ ref: "alpha-color-green-300-0";
554
+ }>;
519
555
  "alpha-color-bg-teal-normal": Readonly<{
520
556
  value: "#40d3c5";
521
557
  ref: "alpha-color-teal-300";
@@ -544,6 +580,10 @@ declare const _default: Readonly<{
544
580
  value: "#47737d";
545
581
  ref: "alpha-color-shade-teal-600";
546
582
  }>;
583
+ "alpha-color-bg-teal-transparent": Readonly<{
584
+ value: "#40d3c500";
585
+ ref: "alpha-color-teal-300-0";
586
+ }>;
547
587
  "alpha-color-bg-olive-normal": Readonly<{
548
588
  value: "#c8d630";
549
589
  ref: "alpha-color-olive-300";
@@ -572,6 +612,10 @@ declare const _default: Readonly<{
572
612
  value: "#737638";
573
613
  ref: "alpha-color-shade-olive-600";
574
614
  }>;
615
+ "alpha-color-bg-olive-transparent": Readonly<{
616
+ value: "#c8d63000";
617
+ ref: "alpha-color-olive-300-0";
618
+ }>;
575
619
  "alpha-color-bg-yellow-normal": Readonly<{
576
620
  value: "#f9c835";
577
621
  ref: "alpha-color-yellow-300";
@@ -600,6 +644,10 @@ declare const _default: Readonly<{
600
644
  value: "#7d6a26";
601
645
  ref: "alpha-color-shade-yellow-600";
602
646
  }>;
647
+ "alpha-color-bg-yellow-transparent": Readonly<{
648
+ value: "#f9c83500";
649
+ ref: "alpha-color-yellow-300-0";
650
+ }>;
603
651
  "alpha-color-bg-pink-normal": Readonly<{
604
652
  value: "#ec6fd3";
605
653
  ref: "alpha-color-pink-300";
@@ -628,6 +676,10 @@ declare const _default: Readonly<{
628
676
  value: "#854075";
629
677
  ref: "alpha-color-shade-pink-600";
630
678
  }>;
679
+ "alpha-color-bg-pink-transparent": Readonly<{
680
+ value: "#ec6fd300";
681
+ ref: "alpha-color-pink-300-0";
682
+ }>;
631
683
  "alpha-color-bg-purple-normal": Readonly<{
632
684
  value: "#b184ff";
633
685
  ref: "alpha-color-purple-300";
@@ -656,6 +708,10 @@ declare const _default: Readonly<{
656
708
  value: "#5b467d";
657
709
  ref: "alpha-color-shade-purple-600";
658
710
  }>;
711
+ "alpha-color-bg-purple-transparent": Readonly<{
712
+ value: "#b184ff00";
713
+ ref: "alpha-color-purple-300-0";
714
+ }>;
659
715
  "alpha-color-bg-navy-normal": Readonly<{
660
716
  value: "#7683d3";
661
717
  ref: "alpha-color-navy-300";
@@ -684,6 +740,10 @@ declare const _default: Readonly<{
684
740
  value: "#373b56";
685
741
  ref: "alpha-color-shade-navy-600";
686
742
  }>;
743
+ "alpha-color-bg-navy-transparent": Readonly<{
744
+ value: "#7683d300";
745
+ ref: "alpha-color-navy-300-0";
746
+ }>;
687
747
  "alpha-color-bg-absolute-black-dark": Readonly<{
688
748
  value: "#000000";
689
749
  ref: "alpha-color-black-100";
@@ -704,6 +764,10 @@ declare const _default: Readonly<{
704
764
  value: "#00000033";
705
765
  ref: "alpha-color-black-20";
706
766
  }>;
767
+ "alpha-color-bg-absolute-black-transparent": Readonly<{
768
+ value: "#00000000";
769
+ ref: "alpha-color-black-0";
770
+ }>;
707
771
  "alpha-color-bg-absolute-white-dark": Readonly<{
708
772
  value: "#ffffff";
709
773
  ref: "alpha-color-white-100";
@@ -724,6 +788,10 @@ declare const _default: Readonly<{
724
788
  value: "#ffffff33";
725
789
  ref: "alpha-color-white-20";
726
790
  }>;
791
+ "alpha-color-bg-absolute-white-transparent": Readonly<{
792
+ value: "#ffffff00";
793
+ ref: "alpha-color-white-0";
794
+ }>;
727
795
  "alpha-color-surface-lowest": Readonly<{
728
796
  value: "#313234";
729
797
  ref: "alpha-color-grey-800";
@@ -769,19 +837,19 @@ declare const _default: Readonly<{
769
837
  ref: "alpha-color-bg-absolute-black-lighter";
770
838
  }>;
771
839
  "alpha-color-primary-bg-normal": Readonly<{
772
- value: "#84a5ff";
840
+ value: "#7d9efa";
773
841
  ref: "alpha-color-bg-blue-normal";
774
842
  }>;
775
843
  "alpha-color-primary-bg-light": Readonly<{
776
- value: "#84a5ff73";
844
+ value: "#7d9efa73";
777
845
  ref: "alpha-color-bg-blue-light";
778
846
  }>;
779
847
  "alpha-color-primary-bg-lighter": Readonly<{
780
- value: "#84a5ff4d";
848
+ value: "#7d9efa4d";
781
849
  ref: "alpha-color-bg-blue-lighter";
782
850
  }>;
783
851
  "alpha-color-primary-bg-lightest": Readonly<{
784
- value: "#84a5ff26";
852
+ value: "#7d9efa26";
785
853
  ref: "alpha-color-bg-blue-lightest";
786
854
  }>;
787
855
  "alpha-color-primary-bg-dark": Readonly<{
@@ -789,15 +857,15 @@ declare const _default: Readonly<{
789
857
  ref: "alpha-color-bg-blue-dark";
790
858
  }>;
791
859
  "alpha-color-primary-fg-normal": Readonly<{
792
- value: "#84a5ff";
860
+ value: "#7d9efa";
793
861
  ref: "alpha-color-fg-blue-normal";
794
862
  }>;
795
863
  "alpha-color-primary-fg-light": Readonly<{
796
- value: "#84a5ff73";
864
+ value: "#7d9efa73";
797
865
  ref: "alpha-color-fg-blue-light";
798
866
  }>;
799
867
  "alpha-color-primary-fg-dark": Readonly<{
800
- value: "#84a5ff";
868
+ value: "#7d9efa";
801
869
  ref: "alpha-color-fg-blue-dark";
802
870
  }>;
803
871
  "alpha-color-critical-bg-dark": Readonly<{
@@ -869,31 +937,31 @@ declare const _default: Readonly<{
869
937
  ref: "alpha-color-bg-cobalt-dark";
870
938
  }>;
871
939
  "alpha-color-accent-bg-normal": Readonly<{
872
- value: "#77c0fb";
940
+ value: "#71b9f5";
873
941
  ref: "alpha-color-bg-cobalt-normal";
874
942
  }>;
875
943
  "alpha-color-accent-bg-light": Readonly<{
876
- value: "#77c0fb73";
944
+ value: "#71b9f573";
877
945
  ref: "alpha-color-bg-cobalt-light";
878
946
  }>;
879
947
  "alpha-color-accent-bg-lighter": Readonly<{
880
- value: "#77c0fb4d";
948
+ value: "#71b9f54d";
881
949
  ref: "alpha-color-bg-cobalt-lighter";
882
950
  }>;
883
951
  "alpha-color-accent-bg-lightest": Readonly<{
884
- value: "#77c0fb26";
952
+ value: "#71b9f526";
885
953
  ref: "alpha-color-bg-cobalt-lightest";
886
954
  }>;
887
955
  "alpha-color-accent-fg-normal": Readonly<{
888
- value: "#77c0fb";
956
+ value: "#71b9f5";
889
957
  ref: "alpha-color-fg-cobalt-normal";
890
958
  }>;
891
959
  "alpha-color-accent-fg-light": Readonly<{
892
- value: "#77c0fb73";
960
+ value: "#71b9f573";
893
961
  ref: "alpha-color-fg-cobalt-light";
894
962
  }>;
895
963
  "alpha-color-accent-fg-dark": Readonly<{
896
- value: "#77c0fb";
964
+ value: "#71b9f5";
897
965
  ref: "alpha-color-fg-cobalt-dark";
898
966
  }>;
899
967
  "alpha-color-success-bg-dark": Readonly<{
@@ -901,31 +969,31 @@ declare const _default: Readonly<{
901
969
  ref: "alpha-color-bg-green-dark";
902
970
  }>;
903
971
  "alpha-color-success-bg-normal": Readonly<{
904
- value: "#6ad081";
972
+ value: "#68cc7f";
905
973
  ref: "alpha-color-bg-green-normal";
906
974
  }>;
907
975
  "alpha-color-success-bg-light": Readonly<{
908
- value: "#6ad08173";
976
+ value: "#68cc7f73";
909
977
  ref: "alpha-color-bg-green-light";
910
978
  }>;
911
979
  "alpha-color-success-bg-lighter": Readonly<{
912
- value: "#6ad0814d";
980
+ value: "#68cc7f4d";
913
981
  ref: "alpha-color-bg-green-lighter";
914
982
  }>;
915
983
  "alpha-color-success-bg-lightest": Readonly<{
916
- value: "#6ad08126";
984
+ value: "#68cc7f26";
917
985
  ref: "alpha-color-bg-green-lightest";
918
986
  }>;
919
987
  "alpha-color-success-fg-normal": Readonly<{
920
- value: "#6ad081";
988
+ value: "#68cc7f";
921
989
  ref: "alpha-color-fg-green-normal";
922
990
  }>;
923
991
  "alpha-color-success-fg-light": Readonly<{
924
- value: "#6ad08173";
992
+ value: "#68cc7f73";
925
993
  ref: "alpha-color-fg-green-light";
926
994
  }>;
927
995
  "alpha-color-success-fg-dark": Readonly<{
928
- value: "#6ad081";
996
+ value: "#68cc7f";
929
997
  ref: "alpha-color-fg-green-dark";
930
998
  }>;
931
999
  }>;