@channel.io/bezier-tokens 0.2.6 → 0.2.8

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 (31) hide show
  1. package/dist/alpha/cjs/darkTheme.js +60 -45
  2. package/dist/alpha/cjs/darkThemeHovered.js +197 -0
  3. package/dist/alpha/cjs/global.js +43 -19
  4. package/dist/alpha/cjs/index.js +2 -0
  5. package/dist/alpha/cjs/lightTheme.js +14 -0
  6. package/dist/alpha/cjs/lightThemeHovered.js +197 -0
  7. package/dist/alpha/css/styles.css +461 -16
  8. package/dist/alpha/esm/darkTheme.mjs +60 -45
  9. package/dist/alpha/esm/darkThemeHovered.mjs +197 -0
  10. package/dist/alpha/esm/global.mjs +43 -19
  11. package/dist/alpha/esm/index.mjs +4 -0
  12. package/dist/alpha/esm/lightTheme.mjs +14 -0
  13. package/dist/alpha/esm/lightThemeHovered.mjs +197 -0
  14. package/dist/types/alpha/cjs/darkTheme.d.ts +105 -45
  15. package/dist/types/alpha/cjs/darkThemeHovered.d.ts +778 -0
  16. package/dist/types/alpha/cjs/darkThemeHovered.d.ts.map +1 -0
  17. package/dist/types/alpha/cjs/global.d.ts +115 -19
  18. package/dist/types/alpha/cjs/index.d.ts +3406 -1642
  19. package/dist/types/alpha/cjs/lightTheme.d.ts +56 -0
  20. package/dist/types/alpha/cjs/lightThemeHovered.d.ts +778 -0
  21. package/dist/types/alpha/cjs/lightThemeHovered.d.ts.map +1 -0
  22. package/dist/types/alpha/esm/darkTheme.d.mts +105 -45
  23. package/dist/types/alpha/esm/darkThemeHovered.d.mts +778 -0
  24. package/dist/types/alpha/esm/darkThemeHovered.d.mts.map +1 -0
  25. package/dist/types/alpha/esm/global.d.mts +115 -19
  26. package/dist/types/alpha/esm/index.d.mts +3406 -1642
  27. package/dist/types/alpha/esm/index.d.mts.map +1 -1
  28. package/dist/types/alpha/esm/lightTheme.d.mts +56 -0
  29. package/dist/types/alpha/esm/lightThemeHovered.d.mts +778 -0
  30. package/dist/types/alpha/esm/lightThemeHovered.d.mts.map +1 -0
  31. package/package.json +3 -1
@@ -35,7 +35,7 @@ declare const _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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: "#ffffff00";
393
+ ref: "alpha-color-white-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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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 _exports: 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";
@@ -769,19 +829,19 @@ declare const _exports: Readonly<{
769
829
  ref: "alpha-color-bg-absolute-black-lighter";
770
830
  }>;
771
831
  "alpha-color-primary-bg-normal": Readonly<{
772
- value: "#84a5ff";
832
+ value: "#7d9efa";
773
833
  ref: "alpha-color-bg-blue-normal";
774
834
  }>;
775
835
  "alpha-color-primary-bg-light": Readonly<{
776
- value: "#84a5ff73";
836
+ value: "#7d9efa73";
777
837
  ref: "alpha-color-bg-blue-light";
778
838
  }>;
779
839
  "alpha-color-primary-bg-lighter": Readonly<{
780
- value: "#84a5ff4d";
840
+ value: "#7d9efa4d";
781
841
  ref: "alpha-color-bg-blue-lighter";
782
842
  }>;
783
843
  "alpha-color-primary-bg-lightest": Readonly<{
784
- value: "#84a5ff26";
844
+ value: "#7d9efa26";
785
845
  ref: "alpha-color-bg-blue-lightest";
786
846
  }>;
787
847
  "alpha-color-primary-bg-dark": Readonly<{
@@ -789,15 +849,15 @@ declare const _exports: Readonly<{
789
849
  ref: "alpha-color-bg-blue-dark";
790
850
  }>;
791
851
  "alpha-color-primary-fg-normal": Readonly<{
792
- value: "#84a5ff";
852
+ value: "#7d9efa";
793
853
  ref: "alpha-color-fg-blue-normal";
794
854
  }>;
795
855
  "alpha-color-primary-fg-light": Readonly<{
796
- value: "#84a5ff73";
856
+ value: "#7d9efa73";
797
857
  ref: "alpha-color-fg-blue-light";
798
858
  }>;
799
859
  "alpha-color-primary-fg-dark": Readonly<{
800
- value: "#84a5ff";
860
+ value: "#7d9efa";
801
861
  ref: "alpha-color-fg-blue-dark";
802
862
  }>;
803
863
  "alpha-color-critical-bg-dark": Readonly<{
@@ -869,31 +929,31 @@ declare const _exports: Readonly<{
869
929
  ref: "alpha-color-bg-cobalt-dark";
870
930
  }>;
871
931
  "alpha-color-accent-bg-normal": Readonly<{
872
- value: "#77c0fb";
932
+ value: "#71b9f5";
873
933
  ref: "alpha-color-bg-cobalt-normal";
874
934
  }>;
875
935
  "alpha-color-accent-bg-light": Readonly<{
876
- value: "#77c0fb73";
936
+ value: "#71b9f573";
877
937
  ref: "alpha-color-bg-cobalt-light";
878
938
  }>;
879
939
  "alpha-color-accent-bg-lighter": Readonly<{
880
- value: "#77c0fb4d";
940
+ value: "#71b9f54d";
881
941
  ref: "alpha-color-bg-cobalt-lighter";
882
942
  }>;
883
943
  "alpha-color-accent-bg-lightest": Readonly<{
884
- value: "#77c0fb26";
944
+ value: "#71b9f526";
885
945
  ref: "alpha-color-bg-cobalt-lightest";
886
946
  }>;
887
947
  "alpha-color-accent-fg-normal": Readonly<{
888
- value: "#77c0fb";
948
+ value: "#71b9f5";
889
949
  ref: "alpha-color-fg-cobalt-normal";
890
950
  }>;
891
951
  "alpha-color-accent-fg-light": Readonly<{
892
- value: "#77c0fb73";
952
+ value: "#71b9f573";
893
953
  ref: "alpha-color-fg-cobalt-light";
894
954
  }>;
895
955
  "alpha-color-accent-fg-dark": Readonly<{
896
- value: "#77c0fb";
956
+ value: "#71b9f5";
897
957
  ref: "alpha-color-fg-cobalt-dark";
898
958
  }>;
899
959
  "alpha-color-success-bg-dark": Readonly<{
@@ -901,31 +961,31 @@ declare const _exports: Readonly<{
901
961
  ref: "alpha-color-bg-green-dark";
902
962
  }>;
903
963
  "alpha-color-success-bg-normal": Readonly<{
904
- value: "#6ad081";
964
+ value: "#68cc7f";
905
965
  ref: "alpha-color-bg-green-normal";
906
966
  }>;
907
967
  "alpha-color-success-bg-light": Readonly<{
908
- value: "#6ad08173";
968
+ value: "#68cc7f73";
909
969
  ref: "alpha-color-bg-green-light";
910
970
  }>;
911
971
  "alpha-color-success-bg-lighter": Readonly<{
912
- value: "#6ad0814d";
972
+ value: "#68cc7f4d";
913
973
  ref: "alpha-color-bg-green-lighter";
914
974
  }>;
915
975
  "alpha-color-success-bg-lightest": Readonly<{
916
- value: "#6ad08126";
976
+ value: "#68cc7f26";
917
977
  ref: "alpha-color-bg-green-lightest";
918
978
  }>;
919
979
  "alpha-color-success-fg-normal": Readonly<{
920
- value: "#6ad081";
980
+ value: "#68cc7f";
921
981
  ref: "alpha-color-fg-green-normal";
922
982
  }>;
923
983
  "alpha-color-success-fg-light": Readonly<{
924
- value: "#6ad08173";
984
+ value: "#68cc7f73";
925
985
  ref: "alpha-color-fg-green-light";
926
986
  }>;
927
987
  "alpha-color-success-fg-dark": Readonly<{
928
- value: "#6ad081";
988
+ value: "#68cc7f";
929
989
  ref: "alpha-color-fg-green-dark";
930
990
  }>;
931
991
  }>;