@channel.io/bezier-tokens 0.2.12 → 0.3.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.
@@ -2443,180 +2443,6 @@ export const tokens: Readonly<{
2443
2443
  value: "#373b5666";
2444
2444
  }>;
2445
2445
  }>;
2446
- dimension: Readonly<{
2447
- "alpha-dimension-1": Readonly<{
2448
- value: "1px";
2449
- }>;
2450
- "alpha-dimension-2": Readonly<{
2451
- value: "2px";
2452
- }>;
2453
- "alpha-dimension-3": Readonly<{
2454
- value: "3px";
2455
- }>;
2456
- "alpha-dimension-4": Readonly<{
2457
- value: "4px";
2458
- }>;
2459
- "alpha-dimension-6": Readonly<{
2460
- value: "6px";
2461
- }>;
2462
- "alpha-dimension-7": Readonly<{
2463
- value: "7px";
2464
- }>;
2465
- "alpha-dimension-8": Readonly<{
2466
- value: "8px";
2467
- }>;
2468
- "alpha-dimension-10": Readonly<{
2469
- value: "10px";
2470
- }>;
2471
- "alpha-dimension-12": Readonly<{
2472
- value: "12px";
2473
- }>;
2474
- "alpha-dimension-14": Readonly<{
2475
- value: "14px";
2476
- }>;
2477
- "alpha-dimension-16": Readonly<{
2478
- value: "16px";
2479
- }>;
2480
- "alpha-dimension-20": Readonly<{
2481
- value: "20px";
2482
- }>;
2483
- "alpha-dimension-22": Readonly<{
2484
- value: "22px";
2485
- }>;
2486
- "alpha-dimension-24": Readonly<{
2487
- value: "24px";
2488
- }>;
2489
- "alpha-dimension-28": Readonly<{
2490
- value: "28px";
2491
- }>;
2492
- "alpha-dimension-30": Readonly<{
2493
- value: "30px";
2494
- }>;
2495
- "alpha-dimension-32": Readonly<{
2496
- value: "32px";
2497
- }>;
2498
- "alpha-dimension-36": Readonly<{
2499
- value: "36px";
2500
- }>;
2501
- "alpha-dimension-40": Readonly<{
2502
- value: "40px";
2503
- }>;
2504
- "alpha-dimension-42": Readonly<{
2505
- value: "42px";
2506
- }>;
2507
- "alpha-dimension-44": Readonly<{
2508
- value: "44px";
2509
- }>;
2510
- "alpha-dimension-48": Readonly<{
2511
- value: "48px";
2512
- }>;
2513
- "alpha-dimension-54": Readonly<{
2514
- value: "54px";
2515
- }>;
2516
- "alpha-dimension-60": Readonly<{
2517
- value: "60px";
2518
- }>;
2519
- "alpha-dimension-72": Readonly<{
2520
- value: "72px";
2521
- }>;
2522
- "alpha-dimension-90": Readonly<{
2523
- value: "90px";
2524
- }>;
2525
- "alpha-dimension-120": Readonly<{
2526
- value: "120px";
2527
- }>;
2528
- "alpha-dimension-160": Readonly<{
2529
- value: "160px";
2530
- }>;
2531
- "alpha-dimension-200": Readonly<{
2532
- value: "200px";
2533
- }>;
2534
- "alpha-dimension-240": Readonly<{
2535
- value: "240px";
2536
- }>;
2537
- "alpha-dimension-320": Readonly<{
2538
- value: "320px";
2539
- }>;
2540
- "alpha-dimension-420": Readonly<{
2541
- value: "420px";
2542
- }>;
2543
- "alpha-dimension-540": Readonly<{
2544
- value: "540px";
2545
- }>;
2546
- "alpha-dimension-640": Readonly<{
2547
- value: "640px";
2548
- }>;
2549
- "alpha-dimension-720": Readonly<{
2550
- value: "720px";
2551
- }>;
2552
- "alpha-dimension-800": Readonly<{
2553
- value: "800px";
2554
- }>;
2555
- "alpha-dimension-900": Readonly<{
2556
- value: "900px";
2557
- }>;
2558
- "alpha-dimension-source-10": Readonly<{
2559
- value: "10px";
2560
- ref: "alpha-dimension-10";
2561
- }>;
2562
- "alpha-dimension-source-12": Readonly<{
2563
- value: "12px";
2564
- ref: "alpha-dimension-12";
2565
- }>;
2566
- "alpha-dimension-source-16": Readonly<{
2567
- value: "16px";
2568
- ref: "alpha-dimension-16";
2569
- }>;
2570
- "alpha-dimension-source-20": Readonly<{
2571
- value: "20px";
2572
- ref: "alpha-dimension-20";
2573
- }>;
2574
- "alpha-dimension-source-24": Readonly<{
2575
- value: "24px";
2576
- ref: "alpha-dimension-24";
2577
- }>;
2578
- "alpha-dimension-source-30": Readonly<{
2579
- value: "30px";
2580
- ref: "alpha-dimension-30";
2581
- }>;
2582
- "alpha-dimension-source-36": Readonly<{
2583
- value: "36px";
2584
- ref: "alpha-dimension-36";
2585
- }>;
2586
- "alpha-dimension-source-42": Readonly<{
2587
- value: "42px";
2588
- ref: "alpha-dimension-42";
2589
- }>;
2590
- "alpha-dimension-source-48": Readonly<{
2591
- value: "48px";
2592
- ref: "alpha-dimension-48";
2593
- }>;
2594
- "alpha-dimension-source-60": Readonly<{
2595
- value: "60px";
2596
- ref: "alpha-dimension-60";
2597
- }>;
2598
- "alpha-dimension-source-72": Readonly<{
2599
- value: "72px";
2600
- ref: "alpha-dimension-72";
2601
- }>;
2602
- "alpha-dimension-source-90": Readonly<{
2603
- value: "90px";
2604
- ref: "alpha-dimension-90";
2605
- }>;
2606
- "alpha-dimension-source-120": Readonly<{
2607
- value: "120px";
2608
- ref: "alpha-dimension-120";
2609
- }>;
2610
- "alpha-dimension-42-p": Readonly<{
2611
- value: "42%";
2612
- }>;
2613
- "alpha-dimension-100-p": Readonly<{
2614
- value: "100%";
2615
- }>;
2616
- "alpha-dimension-m-1": Readonly<{
2617
- value: "-1px";
2618
- }>;
2619
- }>;
2620
2446
  font: Readonly<{
2621
2447
  "alpha-font-family-sans": Readonly<{
2622
2448
  value: "'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'";
@@ -2739,6 +2565,50 @@ export const tokens: Readonly<{
2739
2565
  value: 0.4;
2740
2566
  }>;
2741
2567
  }>;
2568
+ radius: Readonly<{
2569
+ "alpha-radius-2": Readonly<{
2570
+ value: "2px";
2571
+ }>;
2572
+ "alpha-radius-3": Readonly<{
2573
+ value: "3px";
2574
+ }>;
2575
+ "alpha-radius-4": Readonly<{
2576
+ value: "4px";
2577
+ }>;
2578
+ "alpha-radius-6": Readonly<{
2579
+ value: "6px";
2580
+ }>;
2581
+ "alpha-radius-7": Readonly<{
2582
+ value: "7px";
2583
+ }>;
2584
+ "alpha-radius-8": Readonly<{
2585
+ value: "8px";
2586
+ }>;
2587
+ "alpha-radius-10": Readonly<{
2588
+ value: "10px";
2589
+ }>;
2590
+ "alpha-radius-12": Readonly<{
2591
+ value: "12px";
2592
+ }>;
2593
+ "alpha-radius-14": Readonly<{
2594
+ value: "14px";
2595
+ }>;
2596
+ "alpha-radius-16": Readonly<{
2597
+ value: "16px";
2598
+ }>;
2599
+ "alpha-radius-20": Readonly<{
2600
+ value: "20px";
2601
+ }>;
2602
+ "alpha-radius-32": Readonly<{
2603
+ value: "32px";
2604
+ }>;
2605
+ "alpha-radius-rounded-half": Readonly<{
2606
+ value: "9999px";
2607
+ }>;
2608
+ "alpha-radius-smooth-corner": Readonly<{
2609
+ value: "42%";
2610
+ }>;
2611
+ }>;
2742
2612
  typography: Readonly<{
2743
2613
  "alpha-typography-message-font-weight": Readonly<{
2744
2614
  value: 400;
@@ -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;
@@ -2443,180 +2443,6 @@ export const tokens: Readonly<{
2443
2443
  value: "#373b5666";
2444
2444
  }>;
2445
2445
  }>;
2446
- dimension: Readonly<{
2447
- "alpha-dimension-1": Readonly<{
2448
- value: "1px";
2449
- }>;
2450
- "alpha-dimension-2": Readonly<{
2451
- value: "2px";
2452
- }>;
2453
- "alpha-dimension-3": Readonly<{
2454
- value: "3px";
2455
- }>;
2456
- "alpha-dimension-4": Readonly<{
2457
- value: "4px";
2458
- }>;
2459
- "alpha-dimension-6": Readonly<{
2460
- value: "6px";
2461
- }>;
2462
- "alpha-dimension-7": Readonly<{
2463
- value: "7px";
2464
- }>;
2465
- "alpha-dimension-8": Readonly<{
2466
- value: "8px";
2467
- }>;
2468
- "alpha-dimension-10": Readonly<{
2469
- value: "10px";
2470
- }>;
2471
- "alpha-dimension-12": Readonly<{
2472
- value: "12px";
2473
- }>;
2474
- "alpha-dimension-14": Readonly<{
2475
- value: "14px";
2476
- }>;
2477
- "alpha-dimension-16": Readonly<{
2478
- value: "16px";
2479
- }>;
2480
- "alpha-dimension-20": Readonly<{
2481
- value: "20px";
2482
- }>;
2483
- "alpha-dimension-22": Readonly<{
2484
- value: "22px";
2485
- }>;
2486
- "alpha-dimension-24": Readonly<{
2487
- value: "24px";
2488
- }>;
2489
- "alpha-dimension-28": Readonly<{
2490
- value: "28px";
2491
- }>;
2492
- "alpha-dimension-30": Readonly<{
2493
- value: "30px";
2494
- }>;
2495
- "alpha-dimension-32": Readonly<{
2496
- value: "32px";
2497
- }>;
2498
- "alpha-dimension-36": Readonly<{
2499
- value: "36px";
2500
- }>;
2501
- "alpha-dimension-40": Readonly<{
2502
- value: "40px";
2503
- }>;
2504
- "alpha-dimension-42": Readonly<{
2505
- value: "42px";
2506
- }>;
2507
- "alpha-dimension-44": Readonly<{
2508
- value: "44px";
2509
- }>;
2510
- "alpha-dimension-48": Readonly<{
2511
- value: "48px";
2512
- }>;
2513
- "alpha-dimension-54": Readonly<{
2514
- value: "54px";
2515
- }>;
2516
- "alpha-dimension-60": Readonly<{
2517
- value: "60px";
2518
- }>;
2519
- "alpha-dimension-72": Readonly<{
2520
- value: "72px";
2521
- }>;
2522
- "alpha-dimension-90": Readonly<{
2523
- value: "90px";
2524
- }>;
2525
- "alpha-dimension-120": Readonly<{
2526
- value: "120px";
2527
- }>;
2528
- "alpha-dimension-160": Readonly<{
2529
- value: "160px";
2530
- }>;
2531
- "alpha-dimension-200": Readonly<{
2532
- value: "200px";
2533
- }>;
2534
- "alpha-dimension-240": Readonly<{
2535
- value: "240px";
2536
- }>;
2537
- "alpha-dimension-320": Readonly<{
2538
- value: "320px";
2539
- }>;
2540
- "alpha-dimension-420": Readonly<{
2541
- value: "420px";
2542
- }>;
2543
- "alpha-dimension-540": Readonly<{
2544
- value: "540px";
2545
- }>;
2546
- "alpha-dimension-640": Readonly<{
2547
- value: "640px";
2548
- }>;
2549
- "alpha-dimension-720": Readonly<{
2550
- value: "720px";
2551
- }>;
2552
- "alpha-dimension-800": Readonly<{
2553
- value: "800px";
2554
- }>;
2555
- "alpha-dimension-900": Readonly<{
2556
- value: "900px";
2557
- }>;
2558
- "alpha-dimension-source-10": Readonly<{
2559
- value: "10px";
2560
- ref: "alpha-dimension-10";
2561
- }>;
2562
- "alpha-dimension-source-12": Readonly<{
2563
- value: "12px";
2564
- ref: "alpha-dimension-12";
2565
- }>;
2566
- "alpha-dimension-source-16": Readonly<{
2567
- value: "16px";
2568
- ref: "alpha-dimension-16";
2569
- }>;
2570
- "alpha-dimension-source-20": Readonly<{
2571
- value: "20px";
2572
- ref: "alpha-dimension-20";
2573
- }>;
2574
- "alpha-dimension-source-24": Readonly<{
2575
- value: "24px";
2576
- ref: "alpha-dimension-24";
2577
- }>;
2578
- "alpha-dimension-source-30": Readonly<{
2579
- value: "30px";
2580
- ref: "alpha-dimension-30";
2581
- }>;
2582
- "alpha-dimension-source-36": Readonly<{
2583
- value: "36px";
2584
- ref: "alpha-dimension-36";
2585
- }>;
2586
- "alpha-dimension-source-42": Readonly<{
2587
- value: "42px";
2588
- ref: "alpha-dimension-42";
2589
- }>;
2590
- "alpha-dimension-source-48": Readonly<{
2591
- value: "48px";
2592
- ref: "alpha-dimension-48";
2593
- }>;
2594
- "alpha-dimension-source-60": Readonly<{
2595
- value: "60px";
2596
- ref: "alpha-dimension-60";
2597
- }>;
2598
- "alpha-dimension-source-72": Readonly<{
2599
- value: "72px";
2600
- ref: "alpha-dimension-72";
2601
- }>;
2602
- "alpha-dimension-source-90": Readonly<{
2603
- value: "90px";
2604
- ref: "alpha-dimension-90";
2605
- }>;
2606
- "alpha-dimension-source-120": Readonly<{
2607
- value: "120px";
2608
- ref: "alpha-dimension-120";
2609
- }>;
2610
- "alpha-dimension-42-p": Readonly<{
2611
- value: "42%";
2612
- }>;
2613
- "alpha-dimension-100-p": Readonly<{
2614
- value: "100%";
2615
- }>;
2616
- "alpha-dimension-m-1": Readonly<{
2617
- value: "-1px";
2618
- }>;
2619
- }>;
2620
2446
  font: Readonly<{
2621
2447
  "alpha-font-family-sans": Readonly<{
2622
2448
  value: "'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'";
@@ -2739,6 +2565,50 @@ export const tokens: Readonly<{
2739
2565
  value: 0.4;
2740
2566
  }>;
2741
2567
  }>;
2568
+ radius: Readonly<{
2569
+ "alpha-radius-2": Readonly<{
2570
+ value: "2px";
2571
+ }>;
2572
+ "alpha-radius-3": Readonly<{
2573
+ value: "3px";
2574
+ }>;
2575
+ "alpha-radius-4": Readonly<{
2576
+ value: "4px";
2577
+ }>;
2578
+ "alpha-radius-6": Readonly<{
2579
+ value: "6px";
2580
+ }>;
2581
+ "alpha-radius-7": Readonly<{
2582
+ value: "7px";
2583
+ }>;
2584
+ "alpha-radius-8": Readonly<{
2585
+ value: "8px";
2586
+ }>;
2587
+ "alpha-radius-10": Readonly<{
2588
+ value: "10px";
2589
+ }>;
2590
+ "alpha-radius-12": Readonly<{
2591
+ value: "12px";
2592
+ }>;
2593
+ "alpha-radius-14": Readonly<{
2594
+ value: "14px";
2595
+ }>;
2596
+ "alpha-radius-16": Readonly<{
2597
+ value: "16px";
2598
+ }>;
2599
+ "alpha-radius-20": Readonly<{
2600
+ value: "20px";
2601
+ }>;
2602
+ "alpha-radius-32": Readonly<{
2603
+ value: "32px";
2604
+ }>;
2605
+ "alpha-radius-rounded-half": Readonly<{
2606
+ value: "9999px";
2607
+ }>;
2608
+ "alpha-radius-smooth-corner": Readonly<{
2609
+ value: "42%";
2610
+ }>;
2611
+ }>;
2742
2612
  typography: Readonly<{
2743
2613
  "alpha-typography-message-font-weight": Readonly<{
2744
2614
  value: 400;