@channel.io/bezier-tokens 0.2.10 → 0.2.12
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 +54 -52
- package/dist/alpha/cjs/global.js +1 -1
- package/dist/alpha/cjs/lightTheme.js +59 -57
- package/dist/alpha/css/styles.css +113 -109
- package/dist/alpha/esm/darkTheme.mjs +54 -52
- package/dist/alpha/esm/global.mjs +1 -1
- package/dist/alpha/esm/lightTheme.mjs +59 -57
- package/dist/types/alpha/cjs/darkTheme.d.ts +67 -60
- package/dist/types/alpha/cjs/global.d.ts +1 -1
- package/dist/types/alpha/cjs/index.d.ts +140 -126
- package/dist/types/alpha/cjs/lightTheme.d.ts +72 -65
- package/dist/types/alpha/esm/darkTheme.d.mts +67 -60
- package/dist/types/alpha/esm/global.d.mts +1 -1
- package/dist/types/alpha/esm/index.d.mts +140 -126
- package/dist/types/alpha/esm/index.d.mts.map +1 -1
- package/dist/types/alpha/esm/lightTheme.d.mts +72 -65
- package/package.json +1 -1
|
@@ -61,42 +61,42 @@ declare const _default: Readonly<{
|
|
|
61
61
|
ref: "alpha-color-white-100";
|
|
62
62
|
}>;
|
|
63
63
|
"alpha-color-fg-black-pure-hovered": Readonly<{
|
|
64
|
-
value: "#
|
|
64
|
+
value: "#edededff";
|
|
65
65
|
}>;
|
|
66
66
|
"alpha-color-fg-black-darkest": Readonly<{
|
|
67
67
|
value: "#ffffffcc";
|
|
68
68
|
ref: "alpha-color-white-80";
|
|
69
69
|
}>;
|
|
70
70
|
"alpha-color-fg-black-darkest-hovered": Readonly<{
|
|
71
|
-
value: "#
|
|
71
|
+
value: "#edededcc";
|
|
72
72
|
}>;
|
|
73
73
|
"alpha-color-fg-black-darker": Readonly<{
|
|
74
74
|
value: "#ffffff99";
|
|
75
75
|
ref: "alpha-color-white-60";
|
|
76
76
|
}>;
|
|
77
77
|
"alpha-color-fg-black-darker-hovered": Readonly<{
|
|
78
|
-
value: "#
|
|
78
|
+
value: "#ededed99";
|
|
79
79
|
}>;
|
|
80
80
|
"alpha-color-fg-black-dark": Readonly<{
|
|
81
81
|
value: "#ffffff66";
|
|
82
82
|
ref: "alpha-color-white-40";
|
|
83
83
|
}>;
|
|
84
84
|
"alpha-color-fg-black-dark-hovered": Readonly<{
|
|
85
|
-
value: "#
|
|
85
|
+
value: "#ededed66";
|
|
86
86
|
}>;
|
|
87
87
|
"alpha-color-fg-black-light": Readonly<{
|
|
88
88
|
value: "#ffffff33";
|
|
89
89
|
ref: "alpha-color-white-20";
|
|
90
90
|
}>;
|
|
91
91
|
"alpha-color-fg-black-light-hovered": Readonly<{
|
|
92
|
-
value: "#
|
|
92
|
+
value: "#ededed4d";
|
|
93
93
|
}>;
|
|
94
94
|
"alpha-color-fg-black-lightest": Readonly<{
|
|
95
95
|
value: "#ffffff1f";
|
|
96
96
|
ref: "alpha-color-white-12";
|
|
97
97
|
}>;
|
|
98
98
|
"alpha-color-fg-black-lightest-hovered": Readonly<{
|
|
99
|
-
value: "#
|
|
99
|
+
value: "#ededed2f";
|
|
100
100
|
}>;
|
|
101
101
|
"alpha-color-fg-white-normal": Readonly<{
|
|
102
102
|
value: "#242428";
|
|
@@ -376,35 +376,42 @@ declare const _default: Readonly<{
|
|
|
376
376
|
ref: "alpha-color-white-100";
|
|
377
377
|
}>;
|
|
378
378
|
"alpha-color-fg-absolute-white-dark-hovered": Readonly<{
|
|
379
|
-
value: "#
|
|
379
|
+
value: "#edededff";
|
|
380
380
|
}>;
|
|
381
381
|
"alpha-color-fg-absolute-white-normal": Readonly<{
|
|
382
382
|
value: "#ffffffe6";
|
|
383
383
|
ref: "alpha-color-white-90";
|
|
384
384
|
}>;
|
|
385
385
|
"alpha-color-fg-absolute-white-normal-hovered": Readonly<{
|
|
386
|
-
value: "#
|
|
386
|
+
value: "#ededede6";
|
|
387
387
|
}>;
|
|
388
388
|
"alpha-color-fg-absolute-white-light": Readonly<{
|
|
389
389
|
value: "#ffffff99";
|
|
390
390
|
ref: "alpha-color-white-60";
|
|
391
391
|
}>;
|
|
392
392
|
"alpha-color-fg-absolute-white-light-hovered": Readonly<{
|
|
393
|
-
value: "#
|
|
393
|
+
value: "#ededed99";
|
|
394
394
|
}>;
|
|
395
395
|
"alpha-color-fg-absolute-white-lighter": Readonly<{
|
|
396
396
|
value: "#ffffff66";
|
|
397
397
|
ref: "alpha-color-white-40";
|
|
398
398
|
}>;
|
|
399
399
|
"alpha-color-fg-absolute-white-lighter-hovered": Readonly<{
|
|
400
|
-
value: "#
|
|
400
|
+
value: "#ededed66";
|
|
401
401
|
}>;
|
|
402
402
|
"alpha-color-fg-absolute-white-lightest": Readonly<{
|
|
403
403
|
value: "#ffffff33";
|
|
404
404
|
ref: "alpha-color-white-20";
|
|
405
405
|
}>;
|
|
406
406
|
"alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
|
|
407
|
-
value: "#
|
|
407
|
+
value: "#ededed4d";
|
|
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";
|
|
408
415
|
}>;
|
|
409
416
|
"alpha-color-fg-grey-dark": Readonly<{
|
|
410
417
|
value: "#a7a7aa";
|
|
@@ -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-
|
|
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-
|
|
455
|
+
"alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
|
|
449
456
|
value: "#3b3c3fe6";
|
|
450
457
|
}>;
|
|
451
|
-
"alpha-color-fg-grey-
|
|
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-
|
|
462
|
+
"alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
|
|
456
463
|
value: "#3b3c3fcc";
|
|
457
464
|
}>;
|
|
458
|
-
"alpha-color-fg-grey-
|
|
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-
|
|
469
|
+
"alpha-color-fg-grey-alpha-light-hovered": Readonly<{
|
|
463
470
|
value: "#343538cc";
|
|
464
471
|
}>;
|
|
465
472
|
"alpha-color-bg-black-darkest": Readonly<{
|
|
@@ -474,49 +481,49 @@ declare const _default: Readonly<{
|
|
|
474
481
|
ref: "alpha-color-white-40";
|
|
475
482
|
}>;
|
|
476
483
|
"alpha-color-bg-black-darker-hovered": Readonly<{
|
|
477
|
-
value: "#
|
|
484
|
+
value: "#ededed66";
|
|
478
485
|
}>;
|
|
479
486
|
"alpha-color-bg-black-dark": Readonly<{
|
|
480
487
|
value: "#ffffff33";
|
|
481
488
|
ref: "alpha-color-white-20";
|
|
482
489
|
}>;
|
|
483
490
|
"alpha-color-bg-black-dark-hovered": Readonly<{
|
|
484
|
-
value: "#
|
|
491
|
+
value: "#ededed4d";
|
|
485
492
|
}>;
|
|
486
493
|
"alpha-color-bg-black-light": Readonly<{
|
|
487
494
|
value: "#ffffff1f";
|
|
488
495
|
ref: "alpha-color-white-12";
|
|
489
496
|
}>;
|
|
490
497
|
"alpha-color-bg-black-light-hovered": Readonly<{
|
|
491
|
-
value: "#
|
|
498
|
+
value: "#ededed2f";
|
|
492
499
|
}>;
|
|
493
500
|
"alpha-color-bg-black-lighter": Readonly<{
|
|
494
501
|
value: "#ffffff14";
|
|
495
502
|
ref: "alpha-color-white-8";
|
|
496
503
|
}>;
|
|
497
504
|
"alpha-color-bg-black-lighter-hovered": Readonly<{
|
|
498
|
-
value: "#
|
|
505
|
+
value: "#ededed1e";
|
|
499
506
|
}>;
|
|
500
507
|
"alpha-color-bg-black-lightest": Readonly<{
|
|
501
508
|
value: "#ffffff0d";
|
|
502
509
|
ref: "alpha-color-white-5";
|
|
503
510
|
}>;
|
|
504
511
|
"alpha-color-bg-black-lightest-hovered": Readonly<{
|
|
505
|
-
value: "#
|
|
512
|
+
value: "#ededed14";
|
|
506
513
|
}>;
|
|
507
514
|
"alpha-color-bg-black-transparent": Readonly<{
|
|
508
515
|
value: "#ffffff00";
|
|
509
516
|
ref: "alpha-color-white-0";
|
|
510
517
|
}>;
|
|
511
518
|
"alpha-color-bg-black-transparent-hovered": Readonly<{
|
|
512
|
-
value: "#
|
|
519
|
+
value: "#ffffff0d";
|
|
513
520
|
}>;
|
|
514
521
|
"alpha-color-bg-grey-darkest": Readonly<{
|
|
515
522
|
value: "#ffffff";
|
|
516
523
|
ref: "alpha-color-white-100";
|
|
517
524
|
}>;
|
|
518
525
|
"alpha-color-bg-grey-darkest-hovered": Readonly<{
|
|
519
|
-
value: "#
|
|
526
|
+
value: "#edededff";
|
|
520
527
|
}>;
|
|
521
528
|
"alpha-color-bg-grey-dark": Readonly<{
|
|
522
529
|
value: "#a7a7aa";
|
|
@@ -551,43 +558,43 @@ declare const _default: Readonly<{
|
|
|
551
558
|
ref: "alpha-color-white-0";
|
|
552
559
|
}>;
|
|
553
560
|
"alpha-color-bg-grey-transparent-hovered": Readonly<{
|
|
554
|
-
value: "#
|
|
561
|
+
value: "#ffffff0d";
|
|
562
|
+
}>;
|
|
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";
|
|
555
569
|
}>;
|
|
556
|
-
"alpha-color-bg-grey-
|
|
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-
|
|
574
|
+
"alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
|
|
561
575
|
value: "#505253cc";
|
|
562
576
|
}>;
|
|
563
|
-
"alpha-color-bg-grey-
|
|
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-
|
|
581
|
+
"alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
|
|
568
582
|
value: "#3b3c3fe6";
|
|
569
583
|
}>;
|
|
570
|
-
"alpha-color-bg-grey-
|
|
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-
|
|
588
|
+
"alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
|
|
575
589
|
value: "#3b3c3fcc";
|
|
576
590
|
}>;
|
|
577
|
-
"alpha-color-bg-grey-
|
|
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-
|
|
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";
|
|
@@ -614,35 +621,35 @@ declare const _default: Readonly<{
|
|
|
614
621
|
ref: "alpha-color-white-0";
|
|
615
622
|
}>;
|
|
616
623
|
"alpha-color-bg-white-transparent-hovered": Readonly<{
|
|
617
|
-
value: "#
|
|
624
|
+
value: "#ffffff0d";
|
|
618
625
|
}>;
|
|
619
|
-
"alpha-color-bg-white-
|
|
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-
|
|
630
|
+
"alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
|
|
624
631
|
value: "#3b3c3fcc";
|
|
625
632
|
}>;
|
|
626
|
-
"alpha-color-bg-white-
|
|
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-
|
|
637
|
+
"alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
|
|
631
638
|
value: "#0a0a0a99";
|
|
632
639
|
}>;
|
|
633
|
-
"alpha-color-bg-white-
|
|
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-
|
|
644
|
+
"alpha-color-bg-white-alpha-light-hovered": Readonly<{
|
|
638
645
|
value: "#0a0a0a4d";
|
|
639
646
|
}>;
|
|
640
|
-
"alpha-color-bg-white-
|
|
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-
|
|
645
|
-
value: "#
|
|
651
|
+
"alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
|
|
652
|
+
value: "#0000000d";
|
|
646
653
|
}>;
|
|
647
654
|
"alpha-color-bg-blue-normal": Readonly<{
|
|
648
655
|
value: "#7d9efa";
|
|
@@ -918,11 +925,11 @@ declare const _default: Readonly<{
|
|
|
918
925
|
value: "#4f8d67ff";
|
|
919
926
|
}>;
|
|
920
927
|
"alpha-color-bg-green-transparent": Readonly<{
|
|
921
|
-
value: "#
|
|
928
|
+
value: "#68cc7f00";
|
|
922
929
|
ref: "alpha-color-green-300-0";
|
|
923
930
|
}>;
|
|
924
931
|
"alpha-color-bg-green-transparent-hovered": Readonly<{
|
|
925
|
-
value: "#
|
|
932
|
+
value: "#68cc7f1a";
|
|
926
933
|
}>;
|
|
927
934
|
"alpha-color-bg-teal-normal": Readonly<{
|
|
928
935
|
value: "#40d3c5";
|
|
@@ -1300,49 +1307,49 @@ declare const _default: Readonly<{
|
|
|
1300
1307
|
ref: "alpha-color-black-0";
|
|
1301
1308
|
}>;
|
|
1302
1309
|
"alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
|
|
1303
|
-
value: "#
|
|
1310
|
+
value: "#0000000d";
|
|
1304
1311
|
}>;
|
|
1305
1312
|
"alpha-color-bg-absolute-white-dark": Readonly<{
|
|
1306
1313
|
value: "#ffffff";
|
|
1307
1314
|
ref: "alpha-color-white-100";
|
|
1308
1315
|
}>;
|
|
1309
1316
|
"alpha-color-bg-absolute-white-dark-hovered": Readonly<{
|
|
1310
|
-
value: "#
|
|
1317
|
+
value: "#edededff";
|
|
1311
1318
|
}>;
|
|
1312
1319
|
"alpha-color-bg-absolute-white-normal": Readonly<{
|
|
1313
1320
|
value: "#ffffffe6";
|
|
1314
1321
|
ref: "alpha-color-white-90";
|
|
1315
1322
|
}>;
|
|
1316
1323
|
"alpha-color-bg-absolute-white-normal-hovered": Readonly<{
|
|
1317
|
-
value: "#
|
|
1324
|
+
value: "#ededede6";
|
|
1318
1325
|
}>;
|
|
1319
1326
|
"alpha-color-bg-absolute-white-light": Readonly<{
|
|
1320
1327
|
value: "#ffffff99";
|
|
1321
1328
|
ref: "alpha-color-white-60";
|
|
1322
1329
|
}>;
|
|
1323
1330
|
"alpha-color-bg-absolute-white-light-hovered": Readonly<{
|
|
1324
|
-
value: "#
|
|
1331
|
+
value: "#ededed99";
|
|
1325
1332
|
}>;
|
|
1326
1333
|
"alpha-color-bg-absolute-white-lighter": Readonly<{
|
|
1327
1334
|
value: "#ffffff66";
|
|
1328
1335
|
ref: "alpha-color-white-40";
|
|
1329
1336
|
}>;
|
|
1330
1337
|
"alpha-color-bg-absolute-white-lighter-hovered": Readonly<{
|
|
1331
|
-
value: "#
|
|
1338
|
+
value: "#ededed66";
|
|
1332
1339
|
}>;
|
|
1333
1340
|
"alpha-color-bg-absolute-white-lightest": Readonly<{
|
|
1334
1341
|
value: "#ffffff33";
|
|
1335
1342
|
ref: "alpha-color-white-20";
|
|
1336
1343
|
}>;
|
|
1337
1344
|
"alpha-color-bg-absolute-white-lightest-hovered": Readonly<{
|
|
1338
|
-
value: "#
|
|
1345
|
+
value: "#ededed4d";
|
|
1339
1346
|
}>;
|
|
1340
1347
|
"alpha-color-bg-absolute-white-transparent": Readonly<{
|
|
1341
1348
|
value: "#ffffff00";
|
|
1342
1349
|
ref: "alpha-color-white-0";
|
|
1343
1350
|
}>;
|
|
1344
1351
|
"alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
|
|
1345
|
-
value: "#
|
|
1352
|
+
value: "#ffffff0d";
|
|
1346
1353
|
}>;
|
|
1347
1354
|
"alpha-color-surface-lowest": Readonly<{
|
|
1348
1355
|
value: "#313234";
|
|
@@ -1405,7 +1412,7 @@ declare const _default: Readonly<{
|
|
|
1405
1412
|
ref: "alpha-color-white-8";
|
|
1406
1413
|
}>;
|
|
1407
1414
|
"alpha-color-shadow-base-inner-hovered": Readonly<{
|
|
1408
|
-
value: "#
|
|
1415
|
+
value: "#ededed1e";
|
|
1409
1416
|
}>;
|
|
1410
1417
|
"alpha-color-dim-black-light": Readonly<{
|
|
1411
1418
|
value: "#00000033";
|