@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.
- package/README.md +35 -10
- package/dist/alpha/cjs/global.js +16 -55
- package/dist/alpha/css/styles.css +14 -53
- package/dist/alpha/esm/global.mjs +16 -55
- package/dist/alpha/scss/dark-theme.scss +628 -0
- package/dist/alpha/scss/global.scss +920 -0
- package/dist/alpha/scss/index.scss +9 -0
- package/dist/alpha/scss/light-theme.scss +628 -0
- package/dist/scss/dark-theme.scss +294 -0
- package/dist/scss/global.scss +530 -0
- package/dist/scss/index.scss +9 -0
- package/dist/scss/light-theme.scss +294 -0
- package/dist/types/alpha/cjs/global.d.ts +44 -174
- package/dist/types/alpha/cjs/index.d.ts +44 -174
- package/dist/types/alpha/esm/global.d.mts +44 -174
- package/dist/types/alpha/esm/index.d.mts +44 -174
- package/dist/types/alpha/esm/index.d.mts.map +1 -1
- package/package.json +12 -7
|
@@ -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;
|