@encore-os/tokens 0.4.0 → 0.6.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.
Files changed (4) hide show
  1. package/dist/tokens.css +40 -37
  2. package/dist/tokens.json +310 -96
  3. package/dist/tokens.ts +39 -37
  4. package/package.json +1 -1
package/dist/tokens.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --color-destructive-foreground: var(--destructive-foreground);
19
19
  --color-accent: var(--accent);
20
20
  --color-accent-foreground: var(--accent-foreground);
21
+ --color-accent-text: var(--accent-text);
21
22
  --color-destructive: var(--destructive);
22
23
  --color-success: var(--success);
23
24
  --color-warning: var(--warning);
@@ -44,29 +45,30 @@
44
45
  }
45
46
 
46
47
  :root {
47
- --background: #f2f5f8;
48
- --foreground: #0f1624;
49
- --muted: #e6edf6;
50
- --muted-foreground: #4c5d76;
48
+ --background: #f6f7f9;
49
+ --foreground: #101928;
50
+ --muted: #e9edf1;
51
+ --muted-foreground: #586579;
51
52
  --surface: #ffffff;
52
- --border: #c8ced8;
53
- --ring: #0ea5e9;
54
- --primary: #101f41;
55
- --primary-foreground: #ffffff;
56
- --secondary: #f3f5f7;
57
- --secondary-foreground: #0f1624;
53
+ --border: #d1d7e0;
54
+ --ring: #0b9fd5;
55
+ --primary: #172540;
56
+ --primary-foreground: #fbfcfd;
57
+ --secondary: #eceff4;
58
+ --secondary-foreground: #101928;
58
59
  --card: #ffffff;
59
- --card-foreground: #0f1624;
60
+ --card-foreground: #101928;
60
61
  --popover: #ffffff;
61
- --popover-foreground: #0f1624;
62
- --input: #c8ced8;
62
+ --popover-foreground: #101928;
63
+ --input: #d1d7e0;
63
64
  --destructive-foreground: #f9fafb;
64
- --accent: #0a7db2;
65
+ --accent: #0c90c0;
65
66
  --accent-foreground: #ffffff;
66
- --destructive: #d92626;
67
- --success: #279b57;
68
- --warning: #e9980c;
69
- --info: #0a5adb;
67
+ --accent-text: #086691;
68
+ --destructive: #d52620;
69
+ --success: #1d8660;
70
+ --warning: #dc8109;
71
+ --info: #1468c8;
70
72
 
71
73
  --font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
72
74
  --font-family-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
@@ -89,29 +91,30 @@
89
91
  }
90
92
 
91
93
  .dark {
92
- --background: #0b1220;
93
- --foreground: #e6edf6;
94
- --muted: #172238;
95
- --muted-foreground: #90a1ba;
96
- --surface: #111c30;
97
- --border: #243349;
98
- --ring: #38bdf8;
99
- --primary: #0ea5e9;
100
- --primary-foreground: #04141f;
101
- --secondary: #1b2740;
102
- --secondary-foreground: #c5d2e6;
103
- --card: #111c30;
94
+ --background: #121721;
95
+ --foreground: #eff2f6;
96
+ --muted: #212631;
97
+ --muted-foreground: #9aa6b6;
98
+ --surface: #1a212d;
99
+ --border: #2f3846;
100
+ --ring: #36baf2;
101
+ --primary: #27b5f1;
102
+ --primary-foreground: #0f1624;
103
+ --secondary: #242b38;
104
+ --secondary-foreground: #eff2f6;
105
+ --card: #1a212d;
104
106
  --card-foreground: #e6edf6;
105
107
  --popover: #0f1a2c;
106
108
  --popover-foreground: #e6edf6;
107
- --input: #1d2a42;
109
+ --input: #2f3846;
108
110
  --destructive-foreground: #1a0606;
109
- --accent: #38bdf8;
110
- --accent-foreground: #04141f;
111
- --destructive: #f04848;
112
- --success: #3ddc84;
113
- --warning: #f5b133;
114
- --info: #4f8ff5;
111
+ --accent: #34c1f4;
112
+ --accent-foreground: #0f1624;
113
+ --accent-text: #34c1f4;
114
+ --destructive: #ed5f5a;
115
+ --success: #45c496;
116
+ --warning: #f3b13f;
117
+ --info: #58b0ee;
115
118
  }
116
119
 
117
120
  /* Spacing scale (DTCG dimension tokens). */
package/dist/tokens.json CHANGED
@@ -412,6 +412,27 @@
412
412
  "0"
413
413
  ]
414
414
  },
415
+ "10": {
416
+ "$type": "color",
417
+ "$value": "#fbfcfd",
418
+ "filePath": "src/tokens.json",
419
+ "isSource": true,
420
+ "original": {
421
+ "$type": "color",
422
+ "$value": "#FBFCFD"
423
+ },
424
+ "name": "PrimitiveNeutral10",
425
+ "attributes": {
426
+ "category": "primitive",
427
+ "type": "neutral",
428
+ "item": "10"
429
+ },
430
+ "path": [
431
+ "primitive",
432
+ "neutral",
433
+ "10"
434
+ ]
435
+ },
415
436
  "45": {
416
437
  "$type": "color",
417
438
  "$value": "#f3f5f7",
@@ -435,12 +456,12 @@
435
456
  },
436
457
  "50": {
437
458
  "$type": "color",
438
- "$value": "#f2f5f8",
459
+ "$value": "#f6f7f9",
439
460
  "filePath": "src/tokens.json",
440
461
  "isSource": true,
441
462
  "original": {
442
463
  "$type": "color",
443
- "$value": "#F2F5F8"
464
+ "$value": "#F6F7F9"
444
465
  },
445
466
  "name": "PrimitiveNeutral50",
446
467
  "attributes": {
@@ -475,14 +496,35 @@
475
496
  "100"
476
497
  ]
477
498
  },
499
+ "105": {
500
+ "$type": "color",
501
+ "$value": "#eceff4",
502
+ "filePath": "src/tokens.json",
503
+ "isSource": true,
504
+ "original": {
505
+ "$type": "color",
506
+ "$value": "#ECEFF4"
507
+ },
508
+ "name": "PrimitiveNeutral105",
509
+ "attributes": {
510
+ "category": "primitive",
511
+ "type": "neutral",
512
+ "item": "105"
513
+ },
514
+ "path": [
515
+ "primitive",
516
+ "neutral",
517
+ "105"
518
+ ]
519
+ },
478
520
  "150": {
479
521
  "$type": "color",
480
- "$value": "#c5d2e6",
522
+ "$value": "#e9edf1",
481
523
  "filePath": "src/tokens.json",
482
524
  "isSource": true,
483
525
  "original": {
484
526
  "$type": "color",
485
- "$value": "#C5D2E6"
527
+ "$value": "#E9EDF1"
486
528
  },
487
529
  "name": "PrimitiveNeutral150",
488
530
  "attributes": {
@@ -498,12 +540,12 @@
498
540
  },
499
541
  "200": {
500
542
  "$type": "color",
501
- "$value": "#c8ced8",
543
+ "$value": "#d1d7e0",
502
544
  "filePath": "src/tokens.json",
503
545
  "isSource": true,
504
546
  "original": {
505
547
  "$type": "color",
506
- "$value": "#C8CED8"
548
+ "$value": "#D1D7E0"
507
549
  },
508
550
  "name": "PrimitiveNeutral200",
509
551
  "attributes": {
@@ -582,12 +624,12 @@
582
624
  },
583
625
  "600": {
584
626
  "$type": "color",
585
- "$value": "#4c5d76",
627
+ "$value": "#586579",
586
628
  "filePath": "src/tokens.json",
587
629
  "isSource": true,
588
630
  "original": {
589
631
  "$type": "color",
590
- "$value": "#4C5D76"
632
+ "$value": "#586579"
591
633
  },
592
634
  "name": "PrimitiveNeutral600",
593
635
  "attributes": {
@@ -601,6 +643,27 @@
601
643
  "600"
602
644
  ]
603
645
  },
646
+ "660": {
647
+ "$type": "color",
648
+ "$value": "#9aa6b6",
649
+ "filePath": "src/tokens.json",
650
+ "isSource": true,
651
+ "original": {
652
+ "$type": "color",
653
+ "$value": "#9AA6B6"
654
+ },
655
+ "name": "PrimitiveNeutral660",
656
+ "attributes": {
657
+ "category": "primitive",
658
+ "type": "neutral",
659
+ "item": "660"
660
+ },
661
+ "path": [
662
+ "primitive",
663
+ "neutral",
664
+ "660"
665
+ ]
666
+ },
604
667
  "700": {
605
668
  "$type": "color",
606
669
  "$value": "#243349",
@@ -687,12 +750,12 @@
687
750
  },
688
751
  "815": {
689
752
  "$type": "color",
690
- "$value": "#111c30",
753
+ "$value": "#1a212d",
691
754
  "filePath": "src/tokens.json",
692
755
  "isSource": true,
693
756
  "original": {
694
757
  "$type": "color",
695
- "$value": "#111C30"
758
+ "$value": "#1A212D"
696
759
  },
697
760
  "name": "PrimitiveNeutral815",
698
761
  "attributes": {
@@ -706,14 +769,77 @@
706
769
  "815"
707
770
  ]
708
771
  },
772
+ "830": {
773
+ "$type": "color",
774
+ "$value": "#2f3846",
775
+ "filePath": "src/tokens.json",
776
+ "isSource": true,
777
+ "original": {
778
+ "$type": "color",
779
+ "$value": "#2F3846"
780
+ },
781
+ "name": "PrimitiveNeutral830",
782
+ "attributes": {
783
+ "category": "primitive",
784
+ "type": "neutral",
785
+ "item": "830"
786
+ },
787
+ "path": [
788
+ "primitive",
789
+ "neutral",
790
+ "830"
791
+ ]
792
+ },
793
+ "860": {
794
+ "$type": "color",
795
+ "$value": "#242b38",
796
+ "filePath": "src/tokens.json",
797
+ "isSource": true,
798
+ "original": {
799
+ "$type": "color",
800
+ "$value": "#242B38"
801
+ },
802
+ "name": "PrimitiveNeutral860",
803
+ "attributes": {
804
+ "category": "primitive",
805
+ "type": "neutral",
806
+ "item": "860"
807
+ },
808
+ "path": [
809
+ "primitive",
810
+ "neutral",
811
+ "860"
812
+ ]
813
+ },
814
+ "880": {
815
+ "$type": "color",
816
+ "$value": "#212631",
817
+ "filePath": "src/tokens.json",
818
+ "isSource": true,
819
+ "original": {
820
+ "$type": "color",
821
+ "$value": "#212631"
822
+ },
823
+ "name": "PrimitiveNeutral880",
824
+ "attributes": {
825
+ "category": "primitive",
826
+ "type": "neutral",
827
+ "item": "880"
828
+ },
829
+ "path": [
830
+ "primitive",
831
+ "neutral",
832
+ "880"
833
+ ]
834
+ },
709
835
  "900": {
710
836
  "$type": "color",
711
- "$value": "#101f41",
837
+ "$value": "#172540",
712
838
  "filePath": "src/tokens.json",
713
839
  "isSource": true,
714
840
  "original": {
715
841
  "$type": "color",
716
- "$value": "#101F41"
842
+ "$value": "#172540"
717
843
  },
718
844
  "name": "PrimitiveNeutral900",
719
845
  "attributes": {
@@ -750,12 +876,12 @@
750
876
  },
751
877
  "950": {
752
878
  "$type": "color",
753
- "$value": "#0f1624",
879
+ "$value": "#101928",
754
880
  "filePath": "src/tokens.json",
755
881
  "isSource": true,
756
882
  "original": {
757
883
  "$type": "color",
758
- "$value": "#0F1624"
884
+ "$value": "#101928"
759
885
  },
760
886
  "name": "PrimitiveNeutral950",
761
887
  "attributes": {
@@ -769,14 +895,35 @@
769
895
  "950"
770
896
  ]
771
897
  },
898
+ "955": {
899
+ "$type": "color",
900
+ "$value": "#0f1624",
901
+ "filePath": "src/tokens.json",
902
+ "isSource": true,
903
+ "original": {
904
+ "$type": "color",
905
+ "$value": "#0F1624"
906
+ },
907
+ "name": "PrimitiveNeutral955",
908
+ "attributes": {
909
+ "category": "primitive",
910
+ "type": "neutral",
911
+ "item": "955"
912
+ },
913
+ "path": [
914
+ "primitive",
915
+ "neutral",
916
+ "955"
917
+ ]
918
+ },
772
919
  "960": {
773
920
  "$type": "color",
774
- "$value": "#0b1220",
921
+ "$value": "#121721",
775
922
  "filePath": "src/tokens.json",
776
923
  "isSource": true,
777
924
  "original": {
778
925
  "$type": "color",
779
- "$value": "#0B1220"
926
+ "$value": "#121721"
780
927
  },
781
928
  "name": "PrimitiveNeutral960",
782
929
  "attributes": {
@@ -790,6 +937,27 @@
790
937
  "960"
791
938
  ]
792
939
  },
940
+ "965": {
941
+ "$type": "color",
942
+ "$value": "#eff2f6",
943
+ "filePath": "src/tokens.json",
944
+ "isSource": true,
945
+ "original": {
946
+ "$type": "color",
947
+ "$value": "#EFF2F6"
948
+ },
949
+ "name": "PrimitiveNeutral965",
950
+ "attributes": {
951
+ "category": "primitive",
952
+ "type": "neutral",
953
+ "item": "965"
954
+ },
955
+ "path": [
956
+ "primitive",
957
+ "neutral",
958
+ "965"
959
+ ]
960
+ },
793
961
  "970": {
794
962
  "$type": "color",
795
963
  "$value": "#04141f",
@@ -857,12 +1025,12 @@
857
1025
  },
858
1026
  "200": {
859
1027
  "$type": "color",
860
- "$value": "#7dd3fc",
1028
+ "$value": "#34c1f4",
861
1029
  "filePath": "src/tokens.json",
862
1030
  "isSource": true,
863
1031
  "original": {
864
1032
  "$type": "color",
865
- "$value": "#7DD3FC"
1033
+ "$value": "#34C1F4"
866
1034
  },
867
1035
  "name": "PrimitiveAccent200",
868
1036
  "attributes": {
@@ -878,12 +1046,12 @@
878
1046
  },
879
1047
  "300": {
880
1048
  "$type": "color",
881
- "$value": "#38bdf8",
1049
+ "$value": "#36baf2",
882
1050
  "filePath": "src/tokens.json",
883
1051
  "isSource": true,
884
1052
  "original": {
885
1053
  "$type": "color",
886
- "$value": "#38BDF8"
1054
+ "$value": "#36BAF2"
887
1055
  },
888
1056
  "name": "PrimitiveAccent300",
889
1057
  "attributes": {
@@ -899,12 +1067,12 @@
899
1067
  },
900
1068
  "400": {
901
1069
  "$type": "color",
902
- "$value": "#0ea5e9",
1070
+ "$value": "#27b5f1",
903
1071
  "filePath": "src/tokens.json",
904
1072
  "isSource": true,
905
1073
  "original": {
906
1074
  "$type": "color",
907
- "$value": "#0EA5E9"
1075
+ "$value": "#27B5F1"
908
1076
  },
909
1077
  "name": "PrimitiveAccent400",
910
1078
  "attributes": {
@@ -920,12 +1088,12 @@
920
1088
  },
921
1089
  "500": {
922
1090
  "$type": "color",
923
- "$value": "#0a7db2",
1091
+ "$value": "#0b9fd5",
924
1092
  "filePath": "src/tokens.json",
925
1093
  "isSource": true,
926
1094
  "original": {
927
1095
  "$type": "color",
928
- "$value": "#0A7DB2"
1096
+ "$value": "#0B9FD5"
929
1097
  },
930
1098
  "name": "PrimitiveAccent500",
931
1099
  "attributes": {
@@ -941,12 +1109,12 @@
941
1109
  },
942
1110
  "600": {
943
1111
  "$type": "color",
944
- "$value": "#0369a1",
1112
+ "$value": "#0c90c0",
945
1113
  "filePath": "src/tokens.json",
946
1114
  "isSource": true,
947
1115
  "original": {
948
1116
  "$type": "color",
949
- "$value": "#0369A1"
1117
+ "$value": "#0C90C0"
950
1118
  },
951
1119
  "name": "PrimitiveAccent600",
952
1120
  "attributes": {
@@ -962,12 +1130,12 @@
962
1130
  },
963
1131
  "700": {
964
1132
  "$type": "color",
965
- "$value": "#025f8e",
1133
+ "$value": "#086691",
966
1134
  "filePath": "src/tokens.json",
967
1135
  "isSource": true,
968
1136
  "original": {
969
1137
  "$type": "color",
970
- "$value": "#025F8E"
1138
+ "$value": "#086691"
971
1139
  },
972
1140
  "name": "PrimitiveAccent700",
973
1141
  "attributes": {
@@ -1027,12 +1195,12 @@
1027
1195
  "status": {
1028
1196
  "success": {
1029
1197
  "$type": "color",
1030
- "$value": "#279b57",
1198
+ "$value": "#1d8660",
1031
1199
  "filePath": "src/tokens.json",
1032
1200
  "isSource": true,
1033
1201
  "original": {
1034
1202
  "$type": "color",
1035
- "$value": "#279B57"
1203
+ "$value": "#1D8660"
1036
1204
  },
1037
1205
  "name": "PrimitiveStatusSuccess",
1038
1206
  "attributes": {
@@ -1048,12 +1216,12 @@
1048
1216
  },
1049
1217
  "successDark": {
1050
1218
  "$type": "color",
1051
- "$value": "#3ddc84",
1219
+ "$value": "#45c496",
1052
1220
  "filePath": "src/tokens.json",
1053
1221
  "isSource": true,
1054
1222
  "original": {
1055
1223
  "$type": "color",
1056
- "$value": "#3DDC84"
1224
+ "$value": "#45C496"
1057
1225
  },
1058
1226
  "name": "PrimitiveStatusSuccessDark",
1059
1227
  "attributes": {
@@ -1069,12 +1237,12 @@
1069
1237
  },
1070
1238
  "warning": {
1071
1239
  "$type": "color",
1072
- "$value": "#e9980c",
1240
+ "$value": "#dc8109",
1073
1241
  "filePath": "src/tokens.json",
1074
1242
  "isSource": true,
1075
1243
  "original": {
1076
1244
  "$type": "color",
1077
- "$value": "#E9980C"
1245
+ "$value": "#DC8109"
1078
1246
  },
1079
1247
  "name": "PrimitiveStatusWarning",
1080
1248
  "attributes": {
@@ -1090,12 +1258,12 @@
1090
1258
  },
1091
1259
  "warningDark": {
1092
1260
  "$type": "color",
1093
- "$value": "#f5b133",
1261
+ "$value": "#f3b13f",
1094
1262
  "filePath": "src/tokens.json",
1095
1263
  "isSource": true,
1096
1264
  "original": {
1097
1265
  "$type": "color",
1098
- "$value": "#F5B133"
1266
+ "$value": "#F3B13F"
1099
1267
  },
1100
1268
  "name": "PrimitiveStatusWarningDark",
1101
1269
  "attributes": {
@@ -1111,12 +1279,12 @@
1111
1279
  },
1112
1280
  "danger": {
1113
1281
  "$type": "color",
1114
- "$value": "#d92626",
1282
+ "$value": "#d52620",
1115
1283
  "filePath": "src/tokens.json",
1116
1284
  "isSource": true,
1117
1285
  "original": {
1118
1286
  "$type": "color",
1119
- "$value": "#D92626"
1287
+ "$value": "#D52620"
1120
1288
  },
1121
1289
  "name": "PrimitiveStatusDanger",
1122
1290
  "attributes": {
@@ -1132,12 +1300,12 @@
1132
1300
  },
1133
1301
  "dangerDark": {
1134
1302
  "$type": "color",
1135
- "$value": "#f04848",
1303
+ "$value": "#ed5f5a",
1136
1304
  "filePath": "src/tokens.json",
1137
1305
  "isSource": true,
1138
1306
  "original": {
1139
1307
  "$type": "color",
1140
- "$value": "#F04848"
1308
+ "$value": "#ED5F5A"
1141
1309
  },
1142
1310
  "name": "PrimitiveStatusDangerDark",
1143
1311
  "attributes": {
@@ -1195,12 +1363,12 @@
1195
1363
  },
1196
1364
  "info": {
1197
1365
  "$type": "color",
1198
- "$value": "#0a5adb",
1366
+ "$value": "#1468c8",
1199
1367
  "filePath": "src/tokens.json",
1200
1368
  "isSource": true,
1201
1369
  "original": {
1202
1370
  "$type": "color",
1203
- "$value": "#0A5ADB"
1371
+ "$value": "#1468C8"
1204
1372
  },
1205
1373
  "name": "PrimitiveStatusInfo",
1206
1374
  "attributes": {
@@ -1216,12 +1384,12 @@
1216
1384
  },
1217
1385
  "infoDark": {
1218
1386
  "$type": "color",
1219
- "$value": "#4f8ff5",
1387
+ "$value": "#58b0ee",
1220
1388
  "filePath": "src/tokens.json",
1221
1389
  "isSource": true,
1222
1390
  "original": {
1223
1391
  "$type": "color",
1224
- "$value": "#4F8FF5"
1392
+ "$value": "#58B0EE"
1225
1393
  },
1226
1394
  "name": "PrimitiveStatusInfoDark",
1227
1395
  "attributes": {
@@ -1565,7 +1733,7 @@
1565
1733
  "light": {
1566
1734
  "background": {
1567
1735
  "$type": "color",
1568
- "$value": "#f2f5f8",
1736
+ "$value": "#f6f7f9",
1569
1737
  "filePath": "src/tokens.json",
1570
1738
  "isSource": true,
1571
1739
  "original": {
@@ -1586,7 +1754,7 @@
1586
1754
  },
1587
1755
  "foreground": {
1588
1756
  "$type": "color",
1589
- "$value": "#0f1624",
1757
+ "$value": "#101928",
1590
1758
  "filePath": "src/tokens.json",
1591
1759
  "isSource": true,
1592
1760
  "original": {
@@ -1607,12 +1775,12 @@
1607
1775
  },
1608
1776
  "muted": {
1609
1777
  "$type": "color",
1610
- "$value": "#e6edf6",
1778
+ "$value": "#e9edf1",
1611
1779
  "filePath": "src/tokens.json",
1612
1780
  "isSource": true,
1613
1781
  "original": {
1614
1782
  "$type": "color",
1615
- "$value": "{primitive.neutral.100}"
1783
+ "$value": "{primitive.neutral.150}"
1616
1784
  },
1617
1785
  "name": "SemanticLightMuted",
1618
1786
  "attributes": {
@@ -1628,7 +1796,7 @@
1628
1796
  },
1629
1797
  "mutedForeground": {
1630
1798
  "$type": "color",
1631
- "$value": "#4c5d76",
1799
+ "$value": "#586579",
1632
1800
  "filePath": "src/tokens.json",
1633
1801
  "isSource": true,
1634
1802
  "original": {
@@ -1670,7 +1838,7 @@
1670
1838
  },
1671
1839
  "border": {
1672
1840
  "$type": "color",
1673
- "$value": "#c8ced8",
1841
+ "$value": "#d1d7e0",
1674
1842
  "filePath": "src/tokens.json",
1675
1843
  "isSource": true,
1676
1844
  "original": {
@@ -1691,12 +1859,12 @@
1691
1859
  },
1692
1860
  "ring": {
1693
1861
  "$type": "color",
1694
- "$value": "#0ea5e9",
1862
+ "$value": "#0b9fd5",
1695
1863
  "filePath": "src/tokens.json",
1696
1864
  "isSource": true,
1697
1865
  "original": {
1698
1866
  "$type": "color",
1699
- "$value": "{primitive.accent.400}"
1867
+ "$value": "{primitive.accent.500}"
1700
1868
  },
1701
1869
  "name": "SemanticLightRing",
1702
1870
  "attributes": {
@@ -1712,7 +1880,7 @@
1712
1880
  },
1713
1881
  "primary": {
1714
1882
  "$type": "color",
1715
- "$value": "#101f41",
1883
+ "$value": "#172540",
1716
1884
  "filePath": "src/tokens.json",
1717
1885
  "isSource": true,
1718
1886
  "original": {
@@ -1733,12 +1901,12 @@
1733
1901
  },
1734
1902
  "primaryForeground": {
1735
1903
  "$type": "color",
1736
- "$value": "#ffffff",
1904
+ "$value": "#fbfcfd",
1737
1905
  "filePath": "src/tokens.json",
1738
1906
  "isSource": true,
1739
1907
  "original": {
1740
1908
  "$type": "color",
1741
- "$value": "{primitive.neutral.0}"
1909
+ "$value": "{primitive.neutral.10}"
1742
1910
  },
1743
1911
  "name": "SemanticLightPrimaryForeground",
1744
1912
  "attributes": {
@@ -1754,12 +1922,12 @@
1754
1922
  },
1755
1923
  "secondary": {
1756
1924
  "$type": "color",
1757
- "$value": "#f3f5f7",
1925
+ "$value": "#eceff4",
1758
1926
  "filePath": "src/tokens.json",
1759
1927
  "isSource": true,
1760
1928
  "original": {
1761
1929
  "$type": "color",
1762
- "$value": "{primitive.neutral.45}"
1930
+ "$value": "{primitive.neutral.105}"
1763
1931
  },
1764
1932
  "name": "SemanticLightSecondary",
1765
1933
  "attributes": {
@@ -1775,7 +1943,7 @@
1775
1943
  },
1776
1944
  "secondaryForeground": {
1777
1945
  "$type": "color",
1778
- "$value": "#0f1624",
1946
+ "$value": "#101928",
1779
1947
  "filePath": "src/tokens.json",
1780
1948
  "isSource": true,
1781
1949
  "original": {
@@ -1817,7 +1985,7 @@
1817
1985
  },
1818
1986
  "cardForeground": {
1819
1987
  "$type": "color",
1820
- "$value": "#0f1624",
1988
+ "$value": "#101928",
1821
1989
  "filePath": "src/tokens.json",
1822
1990
  "isSource": true,
1823
1991
  "original": {
@@ -1859,7 +2027,7 @@
1859
2027
  },
1860
2028
  "popoverForeground": {
1861
2029
  "$type": "color",
1862
- "$value": "#0f1624",
2030
+ "$value": "#101928",
1863
2031
  "filePath": "src/tokens.json",
1864
2032
  "isSource": true,
1865
2033
  "original": {
@@ -1880,7 +2048,7 @@
1880
2048
  },
1881
2049
  "input": {
1882
2050
  "$type": "color",
1883
- "$value": "#c8ced8",
2051
+ "$value": "#d1d7e0",
1884
2052
  "filePath": "src/tokens.json",
1885
2053
  "isSource": true,
1886
2054
  "original": {
@@ -1922,12 +2090,12 @@
1922
2090
  },
1923
2091
  "accent": {
1924
2092
  "$type": "color",
1925
- "$value": "#0a7db2",
2093
+ "$value": "#0c90c0",
1926
2094
  "filePath": "src/tokens.json",
1927
2095
  "isSource": true,
1928
2096
  "original": {
1929
2097
  "$type": "color",
1930
- "$value": "{primitive.accent.500}"
2098
+ "$value": "{primitive.accent.600}"
1931
2099
  },
1932
2100
  "name": "SemanticLightAccent",
1933
2101
  "attributes": {
@@ -1962,9 +2130,32 @@
1962
2130
  "accentForeground"
1963
2131
  ]
1964
2132
  },
2133
+ "accentText": {
2134
+ "$type": "color",
2135
+ "$value": "#086691",
2136
+ "$description": "AA-compliant cyan for inline links/body text on surface.",
2137
+ "filePath": "src/tokens.json",
2138
+ "isSource": true,
2139
+ "original": {
2140
+ "$type": "color",
2141
+ "$value": "{primitive.accent.700}",
2142
+ "$description": "AA-compliant cyan for inline links/body text on surface."
2143
+ },
2144
+ "name": "SemanticLightAccentText",
2145
+ "attributes": {
2146
+ "category": "semantic",
2147
+ "type": "light",
2148
+ "item": "accentText"
2149
+ },
2150
+ "path": [
2151
+ "semantic",
2152
+ "light",
2153
+ "accentText"
2154
+ ]
2155
+ },
1965
2156
  "destructive": {
1966
2157
  "$type": "color",
1967
- "$value": "#d92626",
2158
+ "$value": "#d52620",
1968
2159
  "filePath": "src/tokens.json",
1969
2160
  "isSource": true,
1970
2161
  "original": {
@@ -1985,7 +2176,7 @@
1985
2176
  },
1986
2177
  "success": {
1987
2178
  "$type": "color",
1988
- "$value": "#279b57",
2179
+ "$value": "#1d8660",
1989
2180
  "filePath": "src/tokens.json",
1990
2181
  "isSource": true,
1991
2182
  "original": {
@@ -2006,7 +2197,7 @@
2006
2197
  },
2007
2198
  "warning": {
2008
2199
  "$type": "color",
2009
- "$value": "#e9980c",
2200
+ "$value": "#dc8109",
2010
2201
  "filePath": "src/tokens.json",
2011
2202
  "isSource": true,
2012
2203
  "original": {
@@ -2027,7 +2218,7 @@
2027
2218
  },
2028
2219
  "info": {
2029
2220
  "$type": "color",
2030
- "$value": "#0a5adb",
2221
+ "$value": "#1468c8",
2031
2222
  "filePath": "src/tokens.json",
2032
2223
  "isSource": true,
2033
2224
  "original": {
@@ -2050,7 +2241,7 @@
2050
2241
  "dark": {
2051
2242
  "background": {
2052
2243
  "$type": "color",
2053
- "$value": "#0b1220",
2244
+ "$value": "#121721",
2054
2245
  "filePath": "src/tokens.json",
2055
2246
  "isSource": true,
2056
2247
  "original": {
@@ -2071,12 +2262,12 @@
2071
2262
  },
2072
2263
  "foreground": {
2073
2264
  "$type": "color",
2074
- "$value": "#e6edf6",
2265
+ "$value": "#eff2f6",
2075
2266
  "filePath": "src/tokens.json",
2076
2267
  "isSource": true,
2077
2268
  "original": {
2078
2269
  "$type": "color",
2079
- "$value": "{primitive.neutral.100}"
2270
+ "$value": "{primitive.neutral.965}"
2080
2271
  },
2081
2272
  "name": "SemanticDarkForeground",
2082
2273
  "attributes": {
@@ -2092,12 +2283,12 @@
2092
2283
  },
2093
2284
  "muted": {
2094
2285
  "$type": "color",
2095
- "$value": "#172238",
2286
+ "$value": "#212631",
2096
2287
  "filePath": "src/tokens.json",
2097
2288
  "isSource": true,
2098
2289
  "original": {
2099
2290
  "$type": "color",
2100
- "$value": "{primitive.neutral.800}"
2291
+ "$value": "{primitive.neutral.880}"
2101
2292
  },
2102
2293
  "name": "SemanticDarkMuted",
2103
2294
  "attributes": {
@@ -2113,12 +2304,12 @@
2113
2304
  },
2114
2305
  "mutedForeground": {
2115
2306
  "$type": "color",
2116
- "$value": "#90a1ba",
2307
+ "$value": "#9aa6b6",
2117
2308
  "filePath": "src/tokens.json",
2118
2309
  "isSource": true,
2119
2310
  "original": {
2120
2311
  "$type": "color",
2121
- "$value": "{primitive.neutral.400}"
2312
+ "$value": "{primitive.neutral.660}"
2122
2313
  },
2123
2314
  "name": "SemanticDarkMutedForeground",
2124
2315
  "attributes": {
@@ -2134,7 +2325,7 @@
2134
2325
  },
2135
2326
  "surface": {
2136
2327
  "$type": "color",
2137
- "$value": "#111c30",
2328
+ "$value": "#1a212d",
2138
2329
  "filePath": "src/tokens.json",
2139
2330
  "isSource": true,
2140
2331
  "original": {
@@ -2155,12 +2346,12 @@
2155
2346
  },
2156
2347
  "border": {
2157
2348
  "$type": "color",
2158
- "$value": "#243349",
2349
+ "$value": "#2f3846",
2159
2350
  "filePath": "src/tokens.json",
2160
2351
  "isSource": true,
2161
2352
  "original": {
2162
2353
  "$type": "color",
2163
- "$value": "{primitive.neutral.700}"
2354
+ "$value": "{primitive.neutral.830}"
2164
2355
  },
2165
2356
  "name": "SemanticDarkBorder",
2166
2357
  "attributes": {
@@ -2176,7 +2367,7 @@
2176
2367
  },
2177
2368
  "ring": {
2178
2369
  "$type": "color",
2179
- "$value": "#38bdf8",
2370
+ "$value": "#36baf2",
2180
2371
  "filePath": "src/tokens.json",
2181
2372
  "isSource": true,
2182
2373
  "original": {
@@ -2197,7 +2388,7 @@
2197
2388
  },
2198
2389
  "primary": {
2199
2390
  "$type": "color",
2200
- "$value": "#0ea5e9",
2391
+ "$value": "#27b5f1",
2201
2392
  "filePath": "src/tokens.json",
2202
2393
  "isSource": true,
2203
2394
  "original": {
@@ -2218,12 +2409,12 @@
2218
2409
  },
2219
2410
  "primaryForeground": {
2220
2411
  "$type": "color",
2221
- "$value": "#04141f",
2412
+ "$value": "#0f1624",
2222
2413
  "filePath": "src/tokens.json",
2223
2414
  "isSource": true,
2224
2415
  "original": {
2225
2416
  "$type": "color",
2226
- "$value": "{primitive.neutral.970}"
2417
+ "$value": "{primitive.neutral.955}"
2227
2418
  },
2228
2419
  "name": "SemanticDarkPrimaryForeground",
2229
2420
  "attributes": {
@@ -2239,12 +2430,12 @@
2239
2430
  },
2240
2431
  "secondary": {
2241
2432
  "$type": "color",
2242
- "$value": "#1b2740",
2433
+ "$value": "#242b38",
2243
2434
  "filePath": "src/tokens.json",
2244
2435
  "isSource": true,
2245
2436
  "original": {
2246
2437
  "$type": "color",
2247
- "$value": "{primitive.neutral.740}"
2438
+ "$value": "{primitive.neutral.860}"
2248
2439
  },
2249
2440
  "name": "SemanticDarkSecondary",
2250
2441
  "attributes": {
@@ -2260,12 +2451,12 @@
2260
2451
  },
2261
2452
  "secondaryForeground": {
2262
2453
  "$type": "color",
2263
- "$value": "#c5d2e6",
2454
+ "$value": "#eff2f6",
2264
2455
  "filePath": "src/tokens.json",
2265
2456
  "isSource": true,
2266
2457
  "original": {
2267
2458
  "$type": "color",
2268
- "$value": "{primitive.neutral.150}"
2459
+ "$value": "{primitive.neutral.965}"
2269
2460
  },
2270
2461
  "name": "SemanticDarkSecondaryForeground",
2271
2462
  "attributes": {
@@ -2281,7 +2472,7 @@
2281
2472
  },
2282
2473
  "card": {
2283
2474
  "$type": "color",
2284
- "$value": "#111c30",
2475
+ "$value": "#1a212d",
2285
2476
  "filePath": "src/tokens.json",
2286
2477
  "isSource": true,
2287
2478
  "original": {
@@ -2365,12 +2556,12 @@
2365
2556
  },
2366
2557
  "input": {
2367
2558
  "$type": "color",
2368
- "$value": "#1d2a42",
2559
+ "$value": "#2f3846",
2369
2560
  "filePath": "src/tokens.json",
2370
2561
  "isSource": true,
2371
2562
  "original": {
2372
2563
  "$type": "color",
2373
- "$value": "{primitive.neutral.745}"
2564
+ "$value": "{primitive.neutral.830}"
2374
2565
  },
2375
2566
  "name": "SemanticDarkInput",
2376
2567
  "attributes": {
@@ -2407,12 +2598,12 @@
2407
2598
  },
2408
2599
  "accent": {
2409
2600
  "$type": "color",
2410
- "$value": "#38bdf8",
2601
+ "$value": "#34c1f4",
2411
2602
  "filePath": "src/tokens.json",
2412
2603
  "isSource": true,
2413
2604
  "original": {
2414
2605
  "$type": "color",
2415
- "$value": "{primitive.accent.300}"
2606
+ "$value": "{primitive.accent.200}"
2416
2607
  },
2417
2608
  "name": "SemanticDarkAccent",
2418
2609
  "attributes": {
@@ -2428,12 +2619,12 @@
2428
2619
  },
2429
2620
  "accentForeground": {
2430
2621
  "$type": "color",
2431
- "$value": "#04141f",
2622
+ "$value": "#0f1624",
2432
2623
  "filePath": "src/tokens.json",
2433
2624
  "isSource": true,
2434
2625
  "original": {
2435
2626
  "$type": "color",
2436
- "$value": "{primitive.neutral.970}"
2627
+ "$value": "{primitive.neutral.955}"
2437
2628
  },
2438
2629
  "name": "SemanticDarkAccentForeground",
2439
2630
  "attributes": {
@@ -2447,9 +2638,32 @@
2447
2638
  "accentForeground"
2448
2639
  ]
2449
2640
  },
2641
+ "accentText": {
2642
+ "$type": "color",
2643
+ "$value": "#34c1f4",
2644
+ "$description": "AA-compliant cyan for inline links/body text on surface.",
2645
+ "filePath": "src/tokens.json",
2646
+ "isSource": true,
2647
+ "original": {
2648
+ "$type": "color",
2649
+ "$value": "{primitive.accent.200}",
2650
+ "$description": "AA-compliant cyan for inline links/body text on surface."
2651
+ },
2652
+ "name": "SemanticDarkAccentText",
2653
+ "attributes": {
2654
+ "category": "semantic",
2655
+ "type": "dark",
2656
+ "item": "accentText"
2657
+ },
2658
+ "path": [
2659
+ "semantic",
2660
+ "dark",
2661
+ "accentText"
2662
+ ]
2663
+ },
2450
2664
  "destructive": {
2451
2665
  "$type": "color",
2452
- "$value": "#f04848",
2666
+ "$value": "#ed5f5a",
2453
2667
  "filePath": "src/tokens.json",
2454
2668
  "isSource": true,
2455
2669
  "original": {
@@ -2470,7 +2684,7 @@
2470
2684
  },
2471
2685
  "success": {
2472
2686
  "$type": "color",
2473
- "$value": "#3ddc84",
2687
+ "$value": "#45c496",
2474
2688
  "filePath": "src/tokens.json",
2475
2689
  "isSource": true,
2476
2690
  "original": {
@@ -2491,7 +2705,7 @@
2491
2705
  },
2492
2706
  "warning": {
2493
2707
  "$type": "color",
2494
- "$value": "#f5b133",
2708
+ "$value": "#f3b13f",
2495
2709
  "filePath": "src/tokens.json",
2496
2710
  "isSource": true,
2497
2711
  "original": {
@@ -2512,7 +2726,7 @@
2512
2726
  },
2513
2727
  "info": {
2514
2728
  "$type": "color",
2515
- "$value": "#4f8ff5",
2729
+ "$value": "#58b0ee",
2516
2730
  "filePath": "src/tokens.json",
2517
2731
  "isSource": true,
2518
2732
  "original": {
package/dist/tokens.ts CHANGED
@@ -1,52 +1,54 @@
1
1
  export const lightTokens = {
2
- "background": "#f2f5f8",
3
- "foreground": "#0f1624",
4
- "muted": "#e6edf6",
5
- "mutedForeground": "#4c5d76",
2
+ "background": "#f6f7f9",
3
+ "foreground": "#101928",
4
+ "muted": "#e9edf1",
5
+ "mutedForeground": "#586579",
6
6
  "surface": "#ffffff",
7
- "border": "#c8ced8",
8
- "ring": "#0ea5e9",
9
- "primary": "#101f41",
10
- "primaryForeground": "#ffffff",
11
- "secondary": "#f3f5f7",
12
- "secondaryForeground": "#0f1624",
7
+ "border": "#d1d7e0",
8
+ "ring": "#0b9fd5",
9
+ "primary": "#172540",
10
+ "primaryForeground": "#fbfcfd",
11
+ "secondary": "#eceff4",
12
+ "secondaryForeground": "#101928",
13
13
  "card": "#ffffff",
14
- "cardForeground": "#0f1624",
14
+ "cardForeground": "#101928",
15
15
  "popover": "#ffffff",
16
- "popoverForeground": "#0f1624",
17
- "input": "#c8ced8",
16
+ "popoverForeground": "#101928",
17
+ "input": "#d1d7e0",
18
18
  "destructiveForeground": "#f9fafb",
19
- "accent": "#0a7db2",
19
+ "accent": "#0c90c0",
20
20
  "accentForeground": "#ffffff",
21
- "destructive": "#d92626",
22
- "success": "#279b57",
23
- "warning": "#e9980c",
24
- "info": "#0a5adb"
21
+ "accentText": "#086691",
22
+ "destructive": "#d52620",
23
+ "success": "#1d8660",
24
+ "warning": "#dc8109",
25
+ "info": "#1468c8"
25
26
  } as const;
26
27
  export const darkTokens = {
27
- "background": "#0b1220",
28
- "foreground": "#e6edf6",
29
- "muted": "#172238",
30
- "mutedForeground": "#90a1ba",
31
- "surface": "#111c30",
32
- "border": "#243349",
33
- "ring": "#38bdf8",
34
- "primary": "#0ea5e9",
35
- "primaryForeground": "#04141f",
36
- "secondary": "#1b2740",
37
- "secondaryForeground": "#c5d2e6",
38
- "card": "#111c30",
28
+ "background": "#121721",
29
+ "foreground": "#eff2f6",
30
+ "muted": "#212631",
31
+ "mutedForeground": "#9aa6b6",
32
+ "surface": "#1a212d",
33
+ "border": "#2f3846",
34
+ "ring": "#36baf2",
35
+ "primary": "#27b5f1",
36
+ "primaryForeground": "#0f1624",
37
+ "secondary": "#242b38",
38
+ "secondaryForeground": "#eff2f6",
39
+ "card": "#1a212d",
39
40
  "cardForeground": "#e6edf6",
40
41
  "popover": "#0f1a2c",
41
42
  "popoverForeground": "#e6edf6",
42
- "input": "#1d2a42",
43
+ "input": "#2f3846",
43
44
  "destructiveForeground": "#1a0606",
44
- "accent": "#38bdf8",
45
- "accentForeground": "#04141f",
46
- "destructive": "#f04848",
47
- "success": "#3ddc84",
48
- "warning": "#f5b133",
49
- "info": "#4f8ff5"
45
+ "accent": "#34c1f4",
46
+ "accentForeground": "#0f1624",
47
+ "accentText": "#34c1f4",
48
+ "destructive": "#ed5f5a",
49
+ "success": "#45c496",
50
+ "warning": "#f3b13f",
51
+ "info": "#58b0ee"
50
52
  } as const;
51
53
  export type TokenName = keyof typeof lightTokens;
52
54
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@encore-os/tokens",
3
- "version": "0.4.0",
3
+ "version": "0.6.0",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org",