@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.
- package/dist/alpha/cjs/darkTheme.js +24 -22
- package/dist/alpha/cjs/global.js +16 -55
- package/dist/alpha/cjs/lightTheme.js +24 -22
- package/dist/alpha/css/styles.css +62 -97
- package/dist/alpha/esm/darkTheme.mjs +24 -22
- package/dist/alpha/esm/global.mjs +16 -55
- package/dist/alpha/esm/lightTheme.mjs +24 -22
- package/dist/types/alpha/cjs/darkTheme.d.ts +36 -29
- package/dist/types/alpha/cjs/global.d.ts +44 -174
- package/dist/types/alpha/cjs/index.d.ts +116 -232
- package/dist/types/alpha/cjs/lightTheme.d.ts +36 -29
- package/dist/types/alpha/esm/darkTheme.d.mts +36 -29
- package/dist/types/alpha/esm/global.d.mts +44 -174
- package/dist/types/alpha/esm/index.d.mts +116 -232
- package/dist/types/alpha/esm/index.d.mts.map +1 -1
- package/dist/types/alpha/esm/lightTheme.d.mts +36 -29
- package/package.json +1 -1
|
@@ -407,6 +407,13 @@ export const tokens: Readonly<{
|
|
|
407
407
|
"alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
|
|
408
408
|
value: "#ededed4d";
|
|
409
409
|
}>;
|
|
410
|
+
"alpha-color-fg-grey-darkest": Readonly<{
|
|
411
|
+
value: "#ffffff";
|
|
412
|
+
ref: "alpha-color-white-100";
|
|
413
|
+
}>;
|
|
414
|
+
"alpha-color-fg-grey-darkest-hovered": Readonly<{
|
|
415
|
+
value: "#edededff";
|
|
416
|
+
}>;
|
|
410
417
|
"alpha-color-fg-grey-dark": Readonly<{
|
|
411
418
|
value: "#a7a7aa";
|
|
412
419
|
ref: "alpha-color-grey-500";
|
|
@@ -442,25 +449,25 @@ export const tokens: Readonly<{
|
|
|
442
449
|
"alpha-color-fg-grey-lightest-hovered": Readonly<{
|
|
443
450
|
value: "#343538ff";
|
|
444
451
|
}>;
|
|
445
|
-
"alpha-color-fg-grey-
|
|
452
|
+
"alpha-color-fg-grey-alpha-darker": Readonly<{
|
|
446
453
|
value: "#313234e6";
|
|
447
454
|
ref: "alpha-color-grey-alpha-800-90";
|
|
448
455
|
}>;
|
|
449
|
-
"alpha-color-fg-grey-
|
|
456
|
+
"alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
|
|
450
457
|
value: "#3b3c3fe6";
|
|
451
458
|
}>;
|
|
452
|
-
"alpha-color-fg-grey-
|
|
459
|
+
"alpha-color-fg-grey-alpha-dark": Readonly<{
|
|
453
460
|
value: "#313234cc";
|
|
454
461
|
ref: "alpha-color-grey-alpha-800-80";
|
|
455
462
|
}>;
|
|
456
|
-
"alpha-color-fg-grey-
|
|
463
|
+
"alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
|
|
457
464
|
value: "#3b3c3fcc";
|
|
458
465
|
}>;
|
|
459
|
-
"alpha-color-fg-grey-
|
|
466
|
+
"alpha-color-fg-grey-alpha-light": Readonly<{
|
|
460
467
|
value: "#2a2b2dcc";
|
|
461
468
|
ref: "alpha-color-grey-alpha-850-80";
|
|
462
469
|
}>;
|
|
463
|
-
"alpha-color-fg-grey-
|
|
470
|
+
"alpha-color-fg-grey-alpha-light-hovered": Readonly<{
|
|
464
471
|
value: "#343538cc";
|
|
465
472
|
}>;
|
|
466
473
|
"alpha-color-bg-black-darkest": Readonly<{
|
|
@@ -554,41 +561,41 @@ export const tokens: Readonly<{
|
|
|
554
561
|
"alpha-color-bg-grey-transparent-hovered": Readonly<{
|
|
555
562
|
value: "#ffffff0d";
|
|
556
563
|
}>;
|
|
557
|
-
"alpha-color-bg-grey-
|
|
564
|
+
"alpha-color-bg-grey-normal": Readonly<{
|
|
565
|
+
value: "#7b7b7b";
|
|
566
|
+
ref: "alpha-color-grey-600";
|
|
567
|
+
}>;
|
|
568
|
+
"alpha-color-bg-grey-normal-hovered": Readonly<{
|
|
569
|
+
value: "#868686ff";
|
|
570
|
+
}>;
|
|
571
|
+
"alpha-color-bg-grey-alpha-darkest": Readonly<{
|
|
558
572
|
value: "#464748cc";
|
|
559
573
|
ref: "alpha-color-grey-alpha-700-80";
|
|
560
574
|
}>;
|
|
561
|
-
"alpha-color-bg-grey-
|
|
575
|
+
"alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
|
|
562
576
|
value: "#505253cc";
|
|
563
577
|
}>;
|
|
564
|
-
"alpha-color-bg-grey-
|
|
578
|
+
"alpha-color-bg-grey-alpha-darker": Readonly<{
|
|
565
579
|
value: "#313234e6";
|
|
566
580
|
ref: "alpha-color-grey-alpha-800-90";
|
|
567
581
|
}>;
|
|
568
|
-
"alpha-color-bg-grey-
|
|
582
|
+
"alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
|
|
569
583
|
value: "#3b3c3fe6";
|
|
570
584
|
}>;
|
|
571
|
-
"alpha-color-bg-grey-
|
|
585
|
+
"alpha-color-bg-grey-alpha-dark": Readonly<{
|
|
572
586
|
value: "#313234cc";
|
|
573
587
|
ref: "alpha-color-grey-alpha-800-80";
|
|
574
588
|
}>;
|
|
575
|
-
"alpha-color-bg-grey-
|
|
589
|
+
"alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
|
|
576
590
|
value: "#3b3c3fcc";
|
|
577
591
|
}>;
|
|
578
|
-
"alpha-color-bg-grey-
|
|
592
|
+
"alpha-color-bg-grey-alpha-light": Readonly<{
|
|
579
593
|
value: "#2a2b2dcc";
|
|
580
594
|
ref: "alpha-color-grey-alpha-850-80";
|
|
581
595
|
}>;
|
|
582
|
-
"alpha-color-bg-grey-
|
|
596
|
+
"alpha-color-bg-grey-alpha-light-hovered": Readonly<{
|
|
583
597
|
value: "#343538cc";
|
|
584
598
|
}>;
|
|
585
|
-
"alpha-color-bg-grey-normal": Readonly<{
|
|
586
|
-
value: "#7b7b7b";
|
|
587
|
-
ref: "alpha-color-grey-600";
|
|
588
|
-
}>;
|
|
589
|
-
"alpha-color-bg-grey-normal-hovered": Readonly<{
|
|
590
|
-
value: "#868686ff";
|
|
591
|
-
}>;
|
|
592
599
|
"alpha-color-bg-white-highest": Readonly<{
|
|
593
600
|
value: "#464748";
|
|
594
601
|
ref: "alpha-color-grey-700";
|
|
@@ -617,32 +624,32 @@ export const tokens: Readonly<{
|
|
|
617
624
|
"alpha-color-bg-white-transparent-hovered": Readonly<{
|
|
618
625
|
value: "#ffffff0d";
|
|
619
626
|
}>;
|
|
620
|
-
"alpha-color-bg-white-
|
|
627
|
+
"alpha-color-bg-white-alpha-lightest": Readonly<{
|
|
621
628
|
value: "#313234cc";
|
|
622
629
|
ref: "alpha-color-grey-alpha-800-80";
|
|
623
630
|
}>;
|
|
624
|
-
"alpha-color-bg-white-
|
|
631
|
+
"alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
|
|
625
632
|
value: "#3b3c3fcc";
|
|
626
633
|
}>;
|
|
627
|
-
"alpha-color-bg-white-
|
|
634
|
+
"alpha-color-bg-white-alpha-lighter": Readonly<{
|
|
628
635
|
value: "#00000099";
|
|
629
636
|
ref: "alpha-color-black-60";
|
|
630
637
|
}>;
|
|
631
|
-
"alpha-color-bg-white-
|
|
638
|
+
"alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
|
|
632
639
|
value: "#0a0a0a99";
|
|
633
640
|
}>;
|
|
634
|
-
"alpha-color-bg-white-
|
|
641
|
+
"alpha-color-bg-white-alpha-light": Readonly<{
|
|
635
642
|
value: "#00000033";
|
|
636
643
|
ref: "alpha-color-black-20";
|
|
637
644
|
}>;
|
|
638
|
-
"alpha-color-bg-white-
|
|
645
|
+
"alpha-color-bg-white-alpha-light-hovered": Readonly<{
|
|
639
646
|
value: "#0a0a0a4d";
|
|
640
647
|
}>;
|
|
641
|
-
"alpha-color-bg-white-
|
|
648
|
+
"alpha-color-bg-white-alpha-transparent": Readonly<{
|
|
642
649
|
value: "#00000000";
|
|
643
650
|
ref: "alpha-color-black-0";
|
|
644
651
|
}>;
|
|
645
|
-
"alpha-color-bg-white-
|
|
652
|
+
"alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
|
|
646
653
|
value: "#0000000d";
|
|
647
654
|
}>;
|
|
648
655
|
"alpha-color-bg-blue-normal": Readonly<{
|
|
@@ -2436,180 +2443,6 @@ export const tokens: Readonly<{
|
|
|
2436
2443
|
value: "#373b5666";
|
|
2437
2444
|
}>;
|
|
2438
2445
|
}>;
|
|
2439
|
-
dimension: Readonly<{
|
|
2440
|
-
"alpha-dimension-1": Readonly<{
|
|
2441
|
-
value: "1px";
|
|
2442
|
-
}>;
|
|
2443
|
-
"alpha-dimension-2": Readonly<{
|
|
2444
|
-
value: "2px";
|
|
2445
|
-
}>;
|
|
2446
|
-
"alpha-dimension-3": Readonly<{
|
|
2447
|
-
value: "3px";
|
|
2448
|
-
}>;
|
|
2449
|
-
"alpha-dimension-4": Readonly<{
|
|
2450
|
-
value: "4px";
|
|
2451
|
-
}>;
|
|
2452
|
-
"alpha-dimension-6": Readonly<{
|
|
2453
|
-
value: "6px";
|
|
2454
|
-
}>;
|
|
2455
|
-
"alpha-dimension-7": Readonly<{
|
|
2456
|
-
value: "7px";
|
|
2457
|
-
}>;
|
|
2458
|
-
"alpha-dimension-8": Readonly<{
|
|
2459
|
-
value: "8px";
|
|
2460
|
-
}>;
|
|
2461
|
-
"alpha-dimension-10": Readonly<{
|
|
2462
|
-
value: "10px";
|
|
2463
|
-
}>;
|
|
2464
|
-
"alpha-dimension-12": Readonly<{
|
|
2465
|
-
value: "12px";
|
|
2466
|
-
}>;
|
|
2467
|
-
"alpha-dimension-14": Readonly<{
|
|
2468
|
-
value: "14px";
|
|
2469
|
-
}>;
|
|
2470
|
-
"alpha-dimension-16": Readonly<{
|
|
2471
|
-
value: "16px";
|
|
2472
|
-
}>;
|
|
2473
|
-
"alpha-dimension-20": Readonly<{
|
|
2474
|
-
value: "20px";
|
|
2475
|
-
}>;
|
|
2476
|
-
"alpha-dimension-22": Readonly<{
|
|
2477
|
-
value: "22px";
|
|
2478
|
-
}>;
|
|
2479
|
-
"alpha-dimension-24": Readonly<{
|
|
2480
|
-
value: "24px";
|
|
2481
|
-
}>;
|
|
2482
|
-
"alpha-dimension-28": Readonly<{
|
|
2483
|
-
value: "28px";
|
|
2484
|
-
}>;
|
|
2485
|
-
"alpha-dimension-30": Readonly<{
|
|
2486
|
-
value: "30px";
|
|
2487
|
-
}>;
|
|
2488
|
-
"alpha-dimension-32": Readonly<{
|
|
2489
|
-
value: "32px";
|
|
2490
|
-
}>;
|
|
2491
|
-
"alpha-dimension-36": Readonly<{
|
|
2492
|
-
value: "36px";
|
|
2493
|
-
}>;
|
|
2494
|
-
"alpha-dimension-40": Readonly<{
|
|
2495
|
-
value: "40px";
|
|
2496
|
-
}>;
|
|
2497
|
-
"alpha-dimension-42": Readonly<{
|
|
2498
|
-
value: "42px";
|
|
2499
|
-
}>;
|
|
2500
|
-
"alpha-dimension-44": Readonly<{
|
|
2501
|
-
value: "44px";
|
|
2502
|
-
}>;
|
|
2503
|
-
"alpha-dimension-48": Readonly<{
|
|
2504
|
-
value: "48px";
|
|
2505
|
-
}>;
|
|
2506
|
-
"alpha-dimension-54": Readonly<{
|
|
2507
|
-
value: "54px";
|
|
2508
|
-
}>;
|
|
2509
|
-
"alpha-dimension-60": Readonly<{
|
|
2510
|
-
value: "60px";
|
|
2511
|
-
}>;
|
|
2512
|
-
"alpha-dimension-72": Readonly<{
|
|
2513
|
-
value: "72px";
|
|
2514
|
-
}>;
|
|
2515
|
-
"alpha-dimension-90": Readonly<{
|
|
2516
|
-
value: "90px";
|
|
2517
|
-
}>;
|
|
2518
|
-
"alpha-dimension-120": Readonly<{
|
|
2519
|
-
value: "120px";
|
|
2520
|
-
}>;
|
|
2521
|
-
"alpha-dimension-160": Readonly<{
|
|
2522
|
-
value: "160px";
|
|
2523
|
-
}>;
|
|
2524
|
-
"alpha-dimension-200": Readonly<{
|
|
2525
|
-
value: "200px";
|
|
2526
|
-
}>;
|
|
2527
|
-
"alpha-dimension-240": Readonly<{
|
|
2528
|
-
value: "240px";
|
|
2529
|
-
}>;
|
|
2530
|
-
"alpha-dimension-320": Readonly<{
|
|
2531
|
-
value: "320px";
|
|
2532
|
-
}>;
|
|
2533
|
-
"alpha-dimension-420": Readonly<{
|
|
2534
|
-
value: "420px";
|
|
2535
|
-
}>;
|
|
2536
|
-
"alpha-dimension-540": Readonly<{
|
|
2537
|
-
value: "540px";
|
|
2538
|
-
}>;
|
|
2539
|
-
"alpha-dimension-640": Readonly<{
|
|
2540
|
-
value: "640px";
|
|
2541
|
-
}>;
|
|
2542
|
-
"alpha-dimension-720": Readonly<{
|
|
2543
|
-
value: "720px";
|
|
2544
|
-
}>;
|
|
2545
|
-
"alpha-dimension-800": Readonly<{
|
|
2546
|
-
value: "800px";
|
|
2547
|
-
}>;
|
|
2548
|
-
"alpha-dimension-900": Readonly<{
|
|
2549
|
-
value: "900px";
|
|
2550
|
-
}>;
|
|
2551
|
-
"alpha-dimension-source-10": Readonly<{
|
|
2552
|
-
value: "10px";
|
|
2553
|
-
ref: "alpha-dimension-10";
|
|
2554
|
-
}>;
|
|
2555
|
-
"alpha-dimension-source-12": Readonly<{
|
|
2556
|
-
value: "12px";
|
|
2557
|
-
ref: "alpha-dimension-12";
|
|
2558
|
-
}>;
|
|
2559
|
-
"alpha-dimension-source-16": Readonly<{
|
|
2560
|
-
value: "16px";
|
|
2561
|
-
ref: "alpha-dimension-16";
|
|
2562
|
-
}>;
|
|
2563
|
-
"alpha-dimension-source-20": Readonly<{
|
|
2564
|
-
value: "20px";
|
|
2565
|
-
ref: "alpha-dimension-20";
|
|
2566
|
-
}>;
|
|
2567
|
-
"alpha-dimension-source-24": Readonly<{
|
|
2568
|
-
value: "24px";
|
|
2569
|
-
ref: "alpha-dimension-24";
|
|
2570
|
-
}>;
|
|
2571
|
-
"alpha-dimension-source-30": Readonly<{
|
|
2572
|
-
value: "30px";
|
|
2573
|
-
ref: "alpha-dimension-30";
|
|
2574
|
-
}>;
|
|
2575
|
-
"alpha-dimension-source-36": Readonly<{
|
|
2576
|
-
value: "36px";
|
|
2577
|
-
ref: "alpha-dimension-36";
|
|
2578
|
-
}>;
|
|
2579
|
-
"alpha-dimension-source-42": Readonly<{
|
|
2580
|
-
value: "42px";
|
|
2581
|
-
ref: "alpha-dimension-42";
|
|
2582
|
-
}>;
|
|
2583
|
-
"alpha-dimension-source-48": Readonly<{
|
|
2584
|
-
value: "48px";
|
|
2585
|
-
ref: "alpha-dimension-48";
|
|
2586
|
-
}>;
|
|
2587
|
-
"alpha-dimension-source-60": Readonly<{
|
|
2588
|
-
value: "60px";
|
|
2589
|
-
ref: "alpha-dimension-60";
|
|
2590
|
-
}>;
|
|
2591
|
-
"alpha-dimension-source-72": Readonly<{
|
|
2592
|
-
value: "72px";
|
|
2593
|
-
ref: "alpha-dimension-72";
|
|
2594
|
-
}>;
|
|
2595
|
-
"alpha-dimension-source-90": Readonly<{
|
|
2596
|
-
value: "90px";
|
|
2597
|
-
ref: "alpha-dimension-90";
|
|
2598
|
-
}>;
|
|
2599
|
-
"alpha-dimension-source-120": Readonly<{
|
|
2600
|
-
value: "120px";
|
|
2601
|
-
ref: "alpha-dimension-120";
|
|
2602
|
-
}>;
|
|
2603
|
-
"alpha-dimension-42-p": Readonly<{
|
|
2604
|
-
value: "42%";
|
|
2605
|
-
}>;
|
|
2606
|
-
"alpha-dimension-100-p": Readonly<{
|
|
2607
|
-
value: "100%";
|
|
2608
|
-
}>;
|
|
2609
|
-
"alpha-dimension-m-1": Readonly<{
|
|
2610
|
-
value: "-1px";
|
|
2611
|
-
}>;
|
|
2612
|
-
}>;
|
|
2613
2446
|
font: Readonly<{
|
|
2614
2447
|
"alpha-font-family-sans": Readonly<{
|
|
2615
2448
|
value: "'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'";
|
|
@@ -2732,6 +2565,50 @@ export const tokens: Readonly<{
|
|
|
2732
2565
|
value: 0.4;
|
|
2733
2566
|
}>;
|
|
2734
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
|
+
}>;
|
|
2735
2612
|
typography: Readonly<{
|
|
2736
2613
|
"alpha-typography-message-font-weight": Readonly<{
|
|
2737
2614
|
value: 400;
|
|
@@ -3495,6 +3372,13 @@ export const tokens: Readonly<{
|
|
|
3495
3372
|
"alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
|
|
3496
3373
|
value: "#ededed4d";
|
|
3497
3374
|
}>;
|
|
3375
|
+
"alpha-color-fg-grey-darkest": Readonly<{
|
|
3376
|
+
value: "#242428";
|
|
3377
|
+
ref: "alpha-color-grey-900";
|
|
3378
|
+
}>;
|
|
3379
|
+
"alpha-color-fg-grey-darkest-hovered": Readonly<{
|
|
3380
|
+
value: "#42424aff";
|
|
3381
|
+
}>;
|
|
3498
3382
|
"alpha-color-fg-grey-dark": Readonly<{
|
|
3499
3383
|
value: "#a7a7aa";
|
|
3500
3384
|
ref: "alpha-color-grey-500";
|
|
@@ -3530,25 +3414,25 @@ export const tokens: Readonly<{
|
|
|
3530
3414
|
"alpha-color-fg-grey-lightest-hovered": Readonly<{
|
|
3531
3415
|
value: "#eaeaeaff";
|
|
3532
3416
|
}>;
|
|
3533
|
-
"alpha-color-fg-grey-
|
|
3417
|
+
"alpha-color-fg-grey-alpha-darker": Readonly<{
|
|
3534
3418
|
value: "#efeff0cc";
|
|
3535
3419
|
ref: "alpha-color-grey-alpha-200-80";
|
|
3536
3420
|
}>;
|
|
3537
|
-
"alpha-color-fg-grey-
|
|
3421
|
+
"alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
|
|
3538
3422
|
value: "#dedee0cc";
|
|
3539
3423
|
}>;
|
|
3540
|
-
"alpha-color-fg-grey-
|
|
3424
|
+
"alpha-color-fg-grey-alpha-dark": Readonly<{
|
|
3541
3425
|
value: "#f7f7f8cc";
|
|
3542
3426
|
ref: "alpha-color-grey-alpha-100-80";
|
|
3543
3427
|
}>;
|
|
3544
|
-
"alpha-color-fg-grey-
|
|
3428
|
+
"alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
|
|
3545
3429
|
value: "#e5e5e8cc";
|
|
3546
3430
|
}>;
|
|
3547
|
-
"alpha-color-fg-grey-
|
|
3431
|
+
"alpha-color-fg-grey-alpha-light": Readonly<{
|
|
3548
3432
|
value: "#fcfcfccc";
|
|
3549
3433
|
ref: "alpha-color-grey-alpha-50-80";
|
|
3550
3434
|
}>;
|
|
3551
|
-
"alpha-color-fg-grey-
|
|
3435
|
+
"alpha-color-fg-grey-alpha-light-hovered": Readonly<{
|
|
3552
3436
|
value: "#eaeaeacc";
|
|
3553
3437
|
}>;
|
|
3554
3438
|
"alpha-color-bg-black-darkest": Readonly<{
|
|
@@ -3642,41 +3526,41 @@ export const tokens: Readonly<{
|
|
|
3642
3526
|
"alpha-color-bg-grey-transparent-hovered": Readonly<{
|
|
3643
3527
|
value: "#2424280d";
|
|
3644
3528
|
}>;
|
|
3645
|
-
"alpha-color-bg-grey-
|
|
3529
|
+
"alpha-color-bg-grey-normal": Readonly<{
|
|
3530
|
+
value: "#cfcfd1";
|
|
3531
|
+
ref: "alpha-color-grey-400";
|
|
3532
|
+
}>;
|
|
3533
|
+
"alpha-color-bg-grey-normal-hovered": Readonly<{
|
|
3534
|
+
value: "#c0c0c3ff";
|
|
3535
|
+
}>;
|
|
3536
|
+
"alpha-color-bg-grey-alpha-darkest": Readonly<{
|
|
3646
3537
|
value: "#efeff0cc";
|
|
3647
3538
|
ref: "alpha-color-grey-alpha-200-80";
|
|
3648
3539
|
}>;
|
|
3649
|
-
"alpha-color-bg-grey-
|
|
3540
|
+
"alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
|
|
3650
3541
|
value: "#dedee0cc";
|
|
3651
3542
|
}>;
|
|
3652
|
-
"alpha-color-bg-grey-
|
|
3543
|
+
"alpha-color-bg-grey-alpha-darker": Readonly<{
|
|
3653
3544
|
value: "#f7f7f8e6";
|
|
3654
3545
|
ref: "alpha-color-grey-alpha-100-90";
|
|
3655
3546
|
}>;
|
|
3656
|
-
"alpha-color-bg-grey-
|
|
3547
|
+
"alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
|
|
3657
3548
|
value: "#e5e5e8e6";
|
|
3658
3549
|
}>;
|
|
3659
|
-
"alpha-color-bg-grey-
|
|
3550
|
+
"alpha-color-bg-grey-alpha-dark": Readonly<{
|
|
3660
3551
|
value: "#f7f7f8cc";
|
|
3661
3552
|
ref: "alpha-color-grey-alpha-100-80";
|
|
3662
3553
|
}>;
|
|
3663
|
-
"alpha-color-bg-grey-
|
|
3554
|
+
"alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
|
|
3664
3555
|
value: "#e5e5e8cc";
|
|
3665
3556
|
}>;
|
|
3666
|
-
"alpha-color-bg-grey-
|
|
3557
|
+
"alpha-color-bg-grey-alpha-light": Readonly<{
|
|
3667
3558
|
value: "#fcfcfccc";
|
|
3668
3559
|
ref: "alpha-color-grey-alpha-50-80";
|
|
3669
3560
|
}>;
|
|
3670
|
-
"alpha-color-bg-grey-
|
|
3561
|
+
"alpha-color-bg-grey-alpha-light-hovered": Readonly<{
|
|
3671
3562
|
value: "#eaeaeacc";
|
|
3672
3563
|
}>;
|
|
3673
|
-
"alpha-color-bg-grey-normal": Readonly<{
|
|
3674
|
-
value: "#cfcfd1";
|
|
3675
|
-
ref: "alpha-color-grey-400";
|
|
3676
|
-
}>;
|
|
3677
|
-
"alpha-color-bg-grey-normal-hovered": Readonly<{
|
|
3678
|
-
value: "#c0c0c3ff";
|
|
3679
|
-
}>;
|
|
3680
3564
|
"alpha-color-bg-white-highest": Readonly<{
|
|
3681
3565
|
value: "#ffffff";
|
|
3682
3566
|
ref: "alpha-color-white-100";
|
|
@@ -3705,32 +3589,32 @@ export const tokens: Readonly<{
|
|
|
3705
3589
|
"alpha-color-bg-white-transparent-hovered": Readonly<{
|
|
3706
3590
|
value: "#ffffff0d";
|
|
3707
3591
|
}>;
|
|
3708
|
-
"alpha-color-bg-white-
|
|
3592
|
+
"alpha-color-bg-white-alpha-lightest": Readonly<{
|
|
3709
3593
|
value: "#ffffffe6";
|
|
3710
3594
|
ref: "alpha-color-white-90";
|
|
3711
3595
|
}>;
|
|
3712
|
-
"alpha-color-bg-white-
|
|
3596
|
+
"alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
|
|
3713
3597
|
value: "#ededede6";
|
|
3714
3598
|
}>;
|
|
3715
|
-
"alpha-color-bg-white-
|
|
3599
|
+
"alpha-color-bg-white-alpha-lighter": Readonly<{
|
|
3716
3600
|
value: "#ffffff99";
|
|
3717
3601
|
ref: "alpha-color-white-60";
|
|
3718
3602
|
}>;
|
|
3719
|
-
"alpha-color-bg-white-
|
|
3603
|
+
"alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
|
|
3720
3604
|
value: "#ededed99";
|
|
3721
3605
|
}>;
|
|
3722
|
-
"alpha-color-bg-white-
|
|
3606
|
+
"alpha-color-bg-white-alpha-light": Readonly<{
|
|
3723
3607
|
value: "#ffffff33";
|
|
3724
3608
|
ref: "alpha-color-white-20";
|
|
3725
3609
|
}>;
|
|
3726
|
-
"alpha-color-bg-white-
|
|
3610
|
+
"alpha-color-bg-white-alpha-light-hovered": Readonly<{
|
|
3727
3611
|
value: "#ededed4d";
|
|
3728
3612
|
}>;
|
|
3729
|
-
"alpha-color-bg-white-
|
|
3613
|
+
"alpha-color-bg-white-alpha-transparent": Readonly<{
|
|
3730
3614
|
value: "#ffffff00";
|
|
3731
3615
|
ref: "alpha-color-white-0";
|
|
3732
3616
|
}>;
|
|
3733
|
-
"alpha-color-bg-white-
|
|
3617
|
+
"alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
|
|
3734
3618
|
value: "#ffffff0d";
|
|
3735
3619
|
}>;
|
|
3736
3620
|
"alpha-color-bg-blue-normal": Readonly<{
|
|
@@ -406,6 +406,13 @@ declare const _exports: 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: "#242428";
|
|
411
|
+
ref: "alpha-color-grey-900";
|
|
412
|
+
}>;
|
|
413
|
+
"alpha-color-fg-grey-darkest-hovered": Readonly<{
|
|
414
|
+
value: "#42424aff";
|
|
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 _exports: Readonly<{
|
|
|
441
448
|
"alpha-color-fg-grey-lightest-hovered": Readonly<{
|
|
442
449
|
value: "#eaeaeaff";
|
|
443
450
|
}>;
|
|
444
|
-
"alpha-color-fg-grey-
|
|
451
|
+
"alpha-color-fg-grey-alpha-darker": Readonly<{
|
|
445
452
|
value: "#efeff0cc";
|
|
446
453
|
ref: "alpha-color-grey-alpha-200-80";
|
|
447
454
|
}>;
|
|
448
|
-
"alpha-color-fg-grey-
|
|
455
|
+
"alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
|
|
449
456
|
value: "#dedee0cc";
|
|
450
457
|
}>;
|
|
451
|
-
"alpha-color-fg-grey-
|
|
458
|
+
"alpha-color-fg-grey-alpha-dark": Readonly<{
|
|
452
459
|
value: "#f7f7f8cc";
|
|
453
460
|
ref: "alpha-color-grey-alpha-100-80";
|
|
454
461
|
}>;
|
|
455
|
-
"alpha-color-fg-grey-
|
|
462
|
+
"alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
|
|
456
463
|
value: "#e5e5e8cc";
|
|
457
464
|
}>;
|
|
458
|
-
"alpha-color-fg-grey-
|
|
465
|
+
"alpha-color-fg-grey-alpha-light": Readonly<{
|
|
459
466
|
value: "#fcfcfccc";
|
|
460
467
|
ref: "alpha-color-grey-alpha-50-80";
|
|
461
468
|
}>;
|
|
462
|
-
"alpha-color-fg-grey-
|
|
469
|
+
"alpha-color-fg-grey-alpha-light-hovered": Readonly<{
|
|
463
470
|
value: "#eaeaeacc";
|
|
464
471
|
}>;
|
|
465
472
|
"alpha-color-bg-black-darkest": Readonly<{
|
|
@@ -553,41 +560,41 @@ declare const _exports: Readonly<{
|
|
|
553
560
|
"alpha-color-bg-grey-transparent-hovered": Readonly<{
|
|
554
561
|
value: "#2424280d";
|
|
555
562
|
}>;
|
|
556
|
-
"alpha-color-bg-grey-
|
|
563
|
+
"alpha-color-bg-grey-normal": Readonly<{
|
|
564
|
+
value: "#cfcfd1";
|
|
565
|
+
ref: "alpha-color-grey-400";
|
|
566
|
+
}>;
|
|
567
|
+
"alpha-color-bg-grey-normal-hovered": Readonly<{
|
|
568
|
+
value: "#c0c0c3ff";
|
|
569
|
+
}>;
|
|
570
|
+
"alpha-color-bg-grey-alpha-darkest": Readonly<{
|
|
557
571
|
value: "#efeff0cc";
|
|
558
572
|
ref: "alpha-color-grey-alpha-200-80";
|
|
559
573
|
}>;
|
|
560
|
-
"alpha-color-bg-grey-
|
|
574
|
+
"alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
|
|
561
575
|
value: "#dedee0cc";
|
|
562
576
|
}>;
|
|
563
|
-
"alpha-color-bg-grey-
|
|
577
|
+
"alpha-color-bg-grey-alpha-darker": Readonly<{
|
|
564
578
|
value: "#f7f7f8e6";
|
|
565
579
|
ref: "alpha-color-grey-alpha-100-90";
|
|
566
580
|
}>;
|
|
567
|
-
"alpha-color-bg-grey-
|
|
581
|
+
"alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
|
|
568
582
|
value: "#e5e5e8e6";
|
|
569
583
|
}>;
|
|
570
|
-
"alpha-color-bg-grey-
|
|
584
|
+
"alpha-color-bg-grey-alpha-dark": Readonly<{
|
|
571
585
|
value: "#f7f7f8cc";
|
|
572
586
|
ref: "alpha-color-grey-alpha-100-80";
|
|
573
587
|
}>;
|
|
574
|
-
"alpha-color-bg-grey-
|
|
588
|
+
"alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
|
|
575
589
|
value: "#e5e5e8cc";
|
|
576
590
|
}>;
|
|
577
|
-
"alpha-color-bg-grey-
|
|
591
|
+
"alpha-color-bg-grey-alpha-light": Readonly<{
|
|
578
592
|
value: "#fcfcfccc";
|
|
579
593
|
ref: "alpha-color-grey-alpha-50-80";
|
|
580
594
|
}>;
|
|
581
|
-
"alpha-color-bg-grey-
|
|
595
|
+
"alpha-color-bg-grey-alpha-light-hovered": Readonly<{
|
|
582
596
|
value: "#eaeaeacc";
|
|
583
597
|
}>;
|
|
584
|
-
"alpha-color-bg-grey-normal": Readonly<{
|
|
585
|
-
value: "#cfcfd1";
|
|
586
|
-
ref: "alpha-color-grey-400";
|
|
587
|
-
}>;
|
|
588
|
-
"alpha-color-bg-grey-normal-hovered": Readonly<{
|
|
589
|
-
value: "#c0c0c3ff";
|
|
590
|
-
}>;
|
|
591
598
|
"alpha-color-bg-white-highest": Readonly<{
|
|
592
599
|
value: "#ffffff";
|
|
593
600
|
ref: "alpha-color-white-100";
|
|
@@ -616,32 +623,32 @@ declare const _exports: Readonly<{
|
|
|
616
623
|
"alpha-color-bg-white-transparent-hovered": Readonly<{
|
|
617
624
|
value: "#ffffff0d";
|
|
618
625
|
}>;
|
|
619
|
-
"alpha-color-bg-white-
|
|
626
|
+
"alpha-color-bg-white-alpha-lightest": Readonly<{
|
|
620
627
|
value: "#ffffffe6";
|
|
621
628
|
ref: "alpha-color-white-90";
|
|
622
629
|
}>;
|
|
623
|
-
"alpha-color-bg-white-
|
|
630
|
+
"alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
|
|
624
631
|
value: "#ededede6";
|
|
625
632
|
}>;
|
|
626
|
-
"alpha-color-bg-white-
|
|
633
|
+
"alpha-color-bg-white-alpha-lighter": Readonly<{
|
|
627
634
|
value: "#ffffff99";
|
|
628
635
|
ref: "alpha-color-white-60";
|
|
629
636
|
}>;
|
|
630
|
-
"alpha-color-bg-white-
|
|
637
|
+
"alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
|
|
631
638
|
value: "#ededed99";
|
|
632
639
|
}>;
|
|
633
|
-
"alpha-color-bg-white-
|
|
640
|
+
"alpha-color-bg-white-alpha-light": Readonly<{
|
|
634
641
|
value: "#ffffff33";
|
|
635
642
|
ref: "alpha-color-white-20";
|
|
636
643
|
}>;
|
|
637
|
-
"alpha-color-bg-white-
|
|
644
|
+
"alpha-color-bg-white-alpha-light-hovered": Readonly<{
|
|
638
645
|
value: "#ededed4d";
|
|
639
646
|
}>;
|
|
640
|
-
"alpha-color-bg-white-
|
|
647
|
+
"alpha-color-bg-white-alpha-transparent": Readonly<{
|
|
641
648
|
value: "#ffffff00";
|
|
642
649
|
ref: "alpha-color-white-0";
|
|
643
650
|
}>;
|
|
644
|
-
"alpha-color-bg-white-
|
|
651
|
+
"alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
|
|
645
652
|
value: "#ffffff0d";
|
|
646
653
|
}>;
|
|
647
654
|
"alpha-color-bg-blue-normal": Readonly<{
|