@channel.io/bezier-tokens 0.2.11 → 0.2.13

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.
@@ -406,6 +406,13 @@ declare const _default: Readonly<{
406
406
  "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
407
407
  value: "#ededed4d";
408
408
  }>;
409
+ "alpha-color-fg-grey-darkest": Readonly<{
410
+ value: "#ffffff";
411
+ ref: "alpha-color-white-100";
412
+ }>;
413
+ "alpha-color-fg-grey-darkest-hovered": Readonly<{
414
+ value: "#edededff";
415
+ }>;
409
416
  "alpha-color-fg-grey-dark": Readonly<{
410
417
  value: "#a7a7aa";
411
418
  ref: "alpha-color-grey-500";
@@ -441,25 +448,25 @@ declare const _default: Readonly<{
441
448
  "alpha-color-fg-grey-lightest-hovered": Readonly<{
442
449
  value: "#343538ff";
443
450
  }>;
444
- "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
451
+ "alpha-color-fg-grey-alpha-darker": Readonly<{
445
452
  value: "#313234e6";
446
453
  ref: "alpha-color-grey-alpha-800-90";
447
454
  }>;
448
- "alpha-color-fg-grey-grey-alpha-darker-hovered": Readonly<{
455
+ "alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
449
456
  value: "#3b3c3fe6";
450
457
  }>;
451
- "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
458
+ "alpha-color-fg-grey-alpha-dark": Readonly<{
452
459
  value: "#313234cc";
453
460
  ref: "alpha-color-grey-alpha-800-80";
454
461
  }>;
455
- "alpha-color-fg-grey-grey-alpha-dark-hovered": Readonly<{
462
+ "alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
456
463
  value: "#3b3c3fcc";
457
464
  }>;
458
- "alpha-color-fg-grey-grey-alpha-light": Readonly<{
465
+ "alpha-color-fg-grey-alpha-light": Readonly<{
459
466
  value: "#2a2b2dcc";
460
467
  ref: "alpha-color-grey-alpha-850-80";
461
468
  }>;
462
- "alpha-color-fg-grey-grey-alpha-light-hovered": Readonly<{
469
+ "alpha-color-fg-grey-alpha-light-hovered": Readonly<{
463
470
  value: "#343538cc";
464
471
  }>;
465
472
  "alpha-color-bg-black-darkest": Readonly<{
@@ -553,41 +560,41 @@ declare const _default: Readonly<{
553
560
  "alpha-color-bg-grey-transparent-hovered": Readonly<{
554
561
  value: "#ffffff0d";
555
562
  }>;
556
- "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
563
+ "alpha-color-bg-grey-normal": Readonly<{
564
+ value: "#7b7b7b";
565
+ ref: "alpha-color-grey-600";
566
+ }>;
567
+ "alpha-color-bg-grey-normal-hovered": Readonly<{
568
+ value: "#868686ff";
569
+ }>;
570
+ "alpha-color-bg-grey-alpha-darkest": Readonly<{
557
571
  value: "#464748cc";
558
572
  ref: "alpha-color-grey-alpha-700-80";
559
573
  }>;
560
- "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
574
+ "alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
561
575
  value: "#505253cc";
562
576
  }>;
563
- "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
577
+ "alpha-color-bg-grey-alpha-darker": Readonly<{
564
578
  value: "#313234e6";
565
579
  ref: "alpha-color-grey-alpha-800-90";
566
580
  }>;
567
- "alpha-color-bg-grey-grey-alpha-darker-hovered": Readonly<{
581
+ "alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
568
582
  value: "#3b3c3fe6";
569
583
  }>;
570
- "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
584
+ "alpha-color-bg-grey-alpha-dark": Readonly<{
571
585
  value: "#313234cc";
572
586
  ref: "alpha-color-grey-alpha-800-80";
573
587
  }>;
574
- "alpha-color-bg-grey-grey-alpha-dark-hovered": Readonly<{
588
+ "alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
575
589
  value: "#3b3c3fcc";
576
590
  }>;
577
- "alpha-color-bg-grey-grey-alpha-light": Readonly<{
591
+ "alpha-color-bg-grey-alpha-light": Readonly<{
578
592
  value: "#2a2b2dcc";
579
593
  ref: "alpha-color-grey-alpha-850-80";
580
594
  }>;
581
- "alpha-color-bg-grey-grey-alpha-light-hovered": Readonly<{
595
+ "alpha-color-bg-grey-alpha-light-hovered": Readonly<{
582
596
  value: "#343538cc";
583
597
  }>;
584
- "alpha-color-bg-grey-normal": Readonly<{
585
- value: "#7b7b7b";
586
- ref: "alpha-color-grey-600";
587
- }>;
588
- "alpha-color-bg-grey-normal-hovered": Readonly<{
589
- value: "#868686ff";
590
- }>;
591
598
  "alpha-color-bg-white-highest": Readonly<{
592
599
  value: "#464748";
593
600
  ref: "alpha-color-grey-700";
@@ -616,32 +623,32 @@ declare const _default: Readonly<{
616
623
  "alpha-color-bg-white-transparent-hovered": Readonly<{
617
624
  value: "#ffffff0d";
618
625
  }>;
619
- "alpha-color-bg-white-white-alpha-lightest": Readonly<{
626
+ "alpha-color-bg-white-alpha-lightest": Readonly<{
620
627
  value: "#313234cc";
621
628
  ref: "alpha-color-grey-alpha-800-80";
622
629
  }>;
623
- "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
630
+ "alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
624
631
  value: "#3b3c3fcc";
625
632
  }>;
626
- "alpha-color-bg-white-white-alpha-lighter": Readonly<{
633
+ "alpha-color-bg-white-alpha-lighter": Readonly<{
627
634
  value: "#00000099";
628
635
  ref: "alpha-color-black-60";
629
636
  }>;
630
- "alpha-color-bg-white-white-alpha-lighter-hovered": Readonly<{
637
+ "alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
631
638
  value: "#0a0a0a99";
632
639
  }>;
633
- "alpha-color-bg-white-white-alpha-light": Readonly<{
640
+ "alpha-color-bg-white-alpha-light": Readonly<{
634
641
  value: "#00000033";
635
642
  ref: "alpha-color-black-20";
636
643
  }>;
637
- "alpha-color-bg-white-white-alpha-light-hovered": Readonly<{
644
+ "alpha-color-bg-white-alpha-light-hovered": Readonly<{
638
645
  value: "#0a0a0a4d";
639
646
  }>;
640
- "alpha-color-bg-white-white-alpha-transparent": Readonly<{
647
+ "alpha-color-bg-white-alpha-transparent": Readonly<{
641
648
  value: "#00000000";
642
649
  ref: "alpha-color-black-0";
643
650
  }>;
644
- "alpha-color-bg-white-white-alpha-transparent-hovered": Readonly<{
651
+ "alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
645
652
  value: "#0000000d";
646
653
  }>;
647
654
  "alpha-color-bg-blue-normal": Readonly<{
@@ -730,180 +730,6 @@ declare const _default: Readonly<{
730
730
  value: "#373b5666";
731
731
  }>;
732
732
  }>;
733
- dimension: Readonly<{
734
- "alpha-dimension-1": Readonly<{
735
- value: "1px";
736
- }>;
737
- "alpha-dimension-2": Readonly<{
738
- value: "2px";
739
- }>;
740
- "alpha-dimension-3": Readonly<{
741
- value: "3px";
742
- }>;
743
- "alpha-dimension-4": Readonly<{
744
- value: "4px";
745
- }>;
746
- "alpha-dimension-6": Readonly<{
747
- value: "6px";
748
- }>;
749
- "alpha-dimension-7": Readonly<{
750
- value: "7px";
751
- }>;
752
- "alpha-dimension-8": Readonly<{
753
- value: "8px";
754
- }>;
755
- "alpha-dimension-10": Readonly<{
756
- value: "10px";
757
- }>;
758
- "alpha-dimension-12": Readonly<{
759
- value: "12px";
760
- }>;
761
- "alpha-dimension-14": Readonly<{
762
- value: "14px";
763
- }>;
764
- "alpha-dimension-16": Readonly<{
765
- value: "16px";
766
- }>;
767
- "alpha-dimension-20": Readonly<{
768
- value: "20px";
769
- }>;
770
- "alpha-dimension-22": Readonly<{
771
- value: "22px";
772
- }>;
773
- "alpha-dimension-24": Readonly<{
774
- value: "24px";
775
- }>;
776
- "alpha-dimension-28": Readonly<{
777
- value: "28px";
778
- }>;
779
- "alpha-dimension-30": Readonly<{
780
- value: "30px";
781
- }>;
782
- "alpha-dimension-32": Readonly<{
783
- value: "32px";
784
- }>;
785
- "alpha-dimension-36": Readonly<{
786
- value: "36px";
787
- }>;
788
- "alpha-dimension-40": Readonly<{
789
- value: "40px";
790
- }>;
791
- "alpha-dimension-42": Readonly<{
792
- value: "42px";
793
- }>;
794
- "alpha-dimension-44": Readonly<{
795
- value: "44px";
796
- }>;
797
- "alpha-dimension-48": Readonly<{
798
- value: "48px";
799
- }>;
800
- "alpha-dimension-54": Readonly<{
801
- value: "54px";
802
- }>;
803
- "alpha-dimension-60": Readonly<{
804
- value: "60px";
805
- }>;
806
- "alpha-dimension-72": Readonly<{
807
- value: "72px";
808
- }>;
809
- "alpha-dimension-90": Readonly<{
810
- value: "90px";
811
- }>;
812
- "alpha-dimension-120": Readonly<{
813
- value: "120px";
814
- }>;
815
- "alpha-dimension-160": Readonly<{
816
- value: "160px";
817
- }>;
818
- "alpha-dimension-200": Readonly<{
819
- value: "200px";
820
- }>;
821
- "alpha-dimension-240": Readonly<{
822
- value: "240px";
823
- }>;
824
- "alpha-dimension-320": Readonly<{
825
- value: "320px";
826
- }>;
827
- "alpha-dimension-420": Readonly<{
828
- value: "420px";
829
- }>;
830
- "alpha-dimension-540": Readonly<{
831
- value: "540px";
832
- }>;
833
- "alpha-dimension-640": Readonly<{
834
- value: "640px";
835
- }>;
836
- "alpha-dimension-720": Readonly<{
837
- value: "720px";
838
- }>;
839
- "alpha-dimension-800": Readonly<{
840
- value: "800px";
841
- }>;
842
- "alpha-dimension-900": Readonly<{
843
- value: "900px";
844
- }>;
845
- "alpha-dimension-source-10": Readonly<{
846
- value: "10px";
847
- ref: "alpha-dimension-10";
848
- }>;
849
- "alpha-dimension-source-12": Readonly<{
850
- value: "12px";
851
- ref: "alpha-dimension-12";
852
- }>;
853
- "alpha-dimension-source-16": Readonly<{
854
- value: "16px";
855
- ref: "alpha-dimension-16";
856
- }>;
857
- "alpha-dimension-source-20": Readonly<{
858
- value: "20px";
859
- ref: "alpha-dimension-20";
860
- }>;
861
- "alpha-dimension-source-24": Readonly<{
862
- value: "24px";
863
- ref: "alpha-dimension-24";
864
- }>;
865
- "alpha-dimension-source-30": Readonly<{
866
- value: "30px";
867
- ref: "alpha-dimension-30";
868
- }>;
869
- "alpha-dimension-source-36": Readonly<{
870
- value: "36px";
871
- ref: "alpha-dimension-36";
872
- }>;
873
- "alpha-dimension-source-42": Readonly<{
874
- value: "42px";
875
- ref: "alpha-dimension-42";
876
- }>;
877
- "alpha-dimension-source-48": Readonly<{
878
- value: "48px";
879
- ref: "alpha-dimension-48";
880
- }>;
881
- "alpha-dimension-source-60": Readonly<{
882
- value: "60px";
883
- ref: "alpha-dimension-60";
884
- }>;
885
- "alpha-dimension-source-72": Readonly<{
886
- value: "72px";
887
- ref: "alpha-dimension-72";
888
- }>;
889
- "alpha-dimension-source-90": Readonly<{
890
- value: "90px";
891
- ref: "alpha-dimension-90";
892
- }>;
893
- "alpha-dimension-source-120": Readonly<{
894
- value: "120px";
895
- ref: "alpha-dimension-120";
896
- }>;
897
- "alpha-dimension-42-p": Readonly<{
898
- value: "42%";
899
- }>;
900
- "alpha-dimension-100-p": Readonly<{
901
- value: "100%";
902
- }>;
903
- "alpha-dimension-m-1": Readonly<{
904
- value: "-1px";
905
- }>;
906
- }>;
907
733
  font: Readonly<{
908
734
  "alpha-font-family-sans": Readonly<{
909
735
  value: "'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'";
@@ -1026,6 +852,50 @@ declare const _default: Readonly<{
1026
852
  value: 0.4;
1027
853
  }>;
1028
854
  }>;
855
+ radius: Readonly<{
856
+ "alpha-radius-2": Readonly<{
857
+ value: "2px";
858
+ }>;
859
+ "alpha-radius-3": Readonly<{
860
+ value: "3px";
861
+ }>;
862
+ "alpha-radius-4": Readonly<{
863
+ value: "4px";
864
+ }>;
865
+ "alpha-radius-6": Readonly<{
866
+ value: "6px";
867
+ }>;
868
+ "alpha-radius-7": Readonly<{
869
+ value: "7px";
870
+ }>;
871
+ "alpha-radius-8": Readonly<{
872
+ value: "8px";
873
+ }>;
874
+ "alpha-radius-10": Readonly<{
875
+ value: "10px";
876
+ }>;
877
+ "alpha-radius-12": Readonly<{
878
+ value: "12px";
879
+ }>;
880
+ "alpha-radius-14": Readonly<{
881
+ value: "14px";
882
+ }>;
883
+ "alpha-radius-16": Readonly<{
884
+ value: "16px";
885
+ }>;
886
+ "alpha-radius-20": Readonly<{
887
+ value: "20px";
888
+ }>;
889
+ "alpha-radius-32": Readonly<{
890
+ value: "32px";
891
+ }>;
892
+ "alpha-radius-rounded-half": Readonly<{
893
+ value: "9999px";
894
+ }>;
895
+ "alpha-radius-smooth-corner": Readonly<{
896
+ value: "42%";
897
+ }>;
898
+ }>;
1029
899
  typography: Readonly<{
1030
900
  "alpha-typography-message-font-weight": Readonly<{
1031
901
  value: 400;