@esri/calcite-design-tokens 3.2.0-next.4 → 3.2.0-next.6
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/docs/core.json +464 -1
- package/dist/docs/dark.json +69 -11
- package/dist/docs/global.json +250 -152
- package/dist/docs/light.json +61 -1
- package/dist/docs/semantic.json +114 -76
- package/dist/js/core.js +926 -0
- package/dist/js/dark.js +144 -22
- package/dist/js/global.d.ts +8 -10
- package/dist/js/global.js +574 -372
- package/dist/js/light.js +120 -0
- package/dist/js/semantic.d.ts +8 -10
- package/dist/js/semantic.js +322 -240
- package/package.json +2 -2
package/dist/docs/dark.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp":
|
|
2
|
+
"timestamp": 1751555604356,
|
|
3
3
|
"tokens": [
|
|
4
4
|
{
|
|
5
5
|
"key": "{semantic.color.background.default}",
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
"type": "color",
|
|
8
8
|
"attributes": {
|
|
9
9
|
"category": "color",
|
|
10
|
+
"group": "background",
|
|
10
11
|
"type": "color",
|
|
11
12
|
"item": "background",
|
|
12
13
|
"subitem": "default",
|
|
@@ -34,6 +35,7 @@
|
|
|
34
35
|
"type": "color",
|
|
35
36
|
"attributes": {
|
|
36
37
|
"category": "color",
|
|
38
|
+
"group": "background",
|
|
37
39
|
"type": "color",
|
|
38
40
|
"item": "background",
|
|
39
41
|
"subitem": "none",
|
|
@@ -61,6 +63,7 @@
|
|
|
61
63
|
"type": "color",
|
|
62
64
|
"attributes": {
|
|
63
65
|
"category": "color",
|
|
66
|
+
"group": "foreground",
|
|
64
67
|
"type": "color",
|
|
65
68
|
"item": "foreground",
|
|
66
69
|
"subitem": "1",
|
|
@@ -88,6 +91,7 @@
|
|
|
88
91
|
"type": "color",
|
|
89
92
|
"attributes": {
|
|
90
93
|
"category": "color",
|
|
94
|
+
"group": "foreground",
|
|
91
95
|
"type": "color",
|
|
92
96
|
"item": "foreground",
|
|
93
97
|
"subitem": "2",
|
|
@@ -115,6 +119,7 @@
|
|
|
115
119
|
"type": "color",
|
|
116
120
|
"attributes": {
|
|
117
121
|
"category": "color",
|
|
122
|
+
"group": "foreground",
|
|
118
123
|
"type": "color",
|
|
119
124
|
"item": "foreground",
|
|
120
125
|
"subitem": "3",
|
|
@@ -142,6 +147,7 @@
|
|
|
142
147
|
"type": "color",
|
|
143
148
|
"attributes": {
|
|
144
149
|
"category": "color",
|
|
150
|
+
"group": "foreground",
|
|
145
151
|
"type": "color",
|
|
146
152
|
"item": "foreground",
|
|
147
153
|
"subitem": "current",
|
|
@@ -179,6 +185,7 @@
|
|
|
179
185
|
"type": "color",
|
|
180
186
|
"attributes": {
|
|
181
187
|
"category": "color",
|
|
188
|
+
"group": "foreground",
|
|
182
189
|
"type": "color",
|
|
183
190
|
"item": "foreground",
|
|
184
191
|
"subitem": "highlight",
|
|
@@ -206,6 +213,7 @@
|
|
|
206
213
|
"type": "color",
|
|
207
214
|
"attributes": {
|
|
208
215
|
"category": "color",
|
|
216
|
+
"group": "transparent",
|
|
209
217
|
"type": "color",
|
|
210
218
|
"item": "transparent",
|
|
211
219
|
"subitem": "default",
|
|
@@ -234,6 +242,7 @@
|
|
|
234
242
|
"type": "color",
|
|
235
243
|
"attributes": {
|
|
236
244
|
"category": "color",
|
|
245
|
+
"group": "transparent",
|
|
237
246
|
"type": "color",
|
|
238
247
|
"item": "transparent",
|
|
239
248
|
"subitem": "default",
|
|
@@ -262,6 +271,7 @@
|
|
|
262
271
|
"type": "color",
|
|
263
272
|
"attributes": {
|
|
264
273
|
"category": "color",
|
|
274
|
+
"group": "transparent",
|
|
265
275
|
"type": "color",
|
|
266
276
|
"item": "transparent",
|
|
267
277
|
"subitem": "default",
|
|
@@ -290,6 +300,8 @@
|
|
|
290
300
|
"type": "color",
|
|
291
301
|
"attributes": {
|
|
292
302
|
"category": "color",
|
|
303
|
+
"group": "transparent",
|
|
304
|
+
"kind": "inverse",
|
|
293
305
|
"type": "color",
|
|
294
306
|
"item": "transparent",
|
|
295
307
|
"subitem": "inverse",
|
|
@@ -318,6 +330,8 @@
|
|
|
318
330
|
"type": "color",
|
|
319
331
|
"attributes": {
|
|
320
332
|
"category": "color",
|
|
333
|
+
"group": "transparent",
|
|
334
|
+
"kind": "inverse",
|
|
321
335
|
"type": "color",
|
|
322
336
|
"item": "transparent",
|
|
323
337
|
"subitem": "inverse",
|
|
@@ -346,6 +360,7 @@
|
|
|
346
360
|
"type": "color",
|
|
347
361
|
"attributes": {
|
|
348
362
|
"category": "color",
|
|
363
|
+
"group": "transparent",
|
|
349
364
|
"type": "color",
|
|
350
365
|
"item": "transparent",
|
|
351
366
|
"subitem": "scrim",
|
|
@@ -373,6 +388,7 @@
|
|
|
373
388
|
"type": "color",
|
|
374
389
|
"attributes": {
|
|
375
390
|
"category": "color",
|
|
391
|
+
"group": "transparent",
|
|
376
392
|
"type": "color",
|
|
377
393
|
"item": "transparent",
|
|
378
394
|
"subitem": "tint",
|
|
@@ -400,6 +416,7 @@
|
|
|
400
416
|
"type": "color",
|
|
401
417
|
"attributes": {
|
|
402
418
|
"category": "color",
|
|
419
|
+
"group": "brand",
|
|
403
420
|
"type": "color",
|
|
404
421
|
"item": "brand",
|
|
405
422
|
"subitem": "default",
|
|
@@ -428,6 +445,7 @@
|
|
|
428
445
|
"type": "color",
|
|
429
446
|
"attributes": {
|
|
430
447
|
"category": "color",
|
|
448
|
+
"group": "brand",
|
|
431
449
|
"type": "color",
|
|
432
450
|
"item": "brand",
|
|
433
451
|
"subitem": "default",
|
|
@@ -456,6 +474,7 @@
|
|
|
456
474
|
"type": "color",
|
|
457
475
|
"attributes": {
|
|
458
476
|
"category": "color",
|
|
477
|
+
"group": "brand",
|
|
459
478
|
"type": "color",
|
|
460
479
|
"item": "brand",
|
|
461
480
|
"subitem": "default",
|
|
@@ -484,6 +503,7 @@
|
|
|
484
503
|
"value": "rgba(0, 160, 255, 0.4)",
|
|
485
504
|
"attributes": {
|
|
486
505
|
"category": "color",
|
|
506
|
+
"group": "brand",
|
|
487
507
|
"type": "color",
|
|
488
508
|
"item": "brand",
|
|
489
509
|
"subitem": "underline",
|
|
@@ -511,6 +531,8 @@
|
|
|
511
531
|
"type": "color",
|
|
512
532
|
"attributes": {
|
|
513
533
|
"category": "color",
|
|
534
|
+
"group": "status",
|
|
535
|
+
"kind": "info",
|
|
514
536
|
"type": "color",
|
|
515
537
|
"item": "status",
|
|
516
538
|
"subitem": "info",
|
|
@@ -539,6 +561,8 @@
|
|
|
539
561
|
"type": "color",
|
|
540
562
|
"attributes": {
|
|
541
563
|
"category": "color",
|
|
564
|
+
"group": "status",
|
|
565
|
+
"kind": "info",
|
|
542
566
|
"type": "color",
|
|
543
567
|
"item": "status",
|
|
544
568
|
"subitem": "info",
|
|
@@ -567,6 +591,8 @@
|
|
|
567
591
|
"type": "color",
|
|
568
592
|
"attributes": {
|
|
569
593
|
"category": "color",
|
|
594
|
+
"group": "status",
|
|
595
|
+
"kind": "info",
|
|
570
596
|
"type": "color",
|
|
571
597
|
"item": "status",
|
|
572
598
|
"subitem": "info",
|
|
@@ -595,6 +621,8 @@
|
|
|
595
621
|
"type": "color",
|
|
596
622
|
"attributes": {
|
|
597
623
|
"category": "color",
|
|
624
|
+
"group": "status",
|
|
625
|
+
"kind": "success",
|
|
598
626
|
"type": "color",
|
|
599
627
|
"item": "status",
|
|
600
628
|
"subitem": "success",
|
|
@@ -623,6 +651,8 @@
|
|
|
623
651
|
"type": "color",
|
|
624
652
|
"attributes": {
|
|
625
653
|
"category": "color",
|
|
654
|
+
"group": "status",
|
|
655
|
+
"kind": "success",
|
|
626
656
|
"type": "color",
|
|
627
657
|
"item": "status",
|
|
628
658
|
"subitem": "success",
|
|
@@ -649,12 +679,10 @@
|
|
|
649
679
|
"key": "{semantic.color.status.success.press}",
|
|
650
680
|
"value": "#00b81b",
|
|
651
681
|
"type": "color",
|
|
652
|
-
"category": "color",
|
|
653
|
-
"filePath": "src/tokens/semantic/color/dark.json",
|
|
654
|
-
"isSource": true,
|
|
655
|
-
"name": "Color Status Success Press",
|
|
656
682
|
"attributes": {
|
|
657
|
-
"category": "
|
|
683
|
+
"category": "color",
|
|
684
|
+
"group": "status",
|
|
685
|
+
"kind": "success",
|
|
658
686
|
"type": "color",
|
|
659
687
|
"item": "status",
|
|
660
688
|
"subitem": "success",
|
|
@@ -672,6 +700,9 @@
|
|
|
672
700
|
"type": "color"
|
|
673
701
|
}
|
|
674
702
|
},
|
|
703
|
+
"filePath": "src/tokens/semantic/color/dark.json",
|
|
704
|
+
"isSource": true,
|
|
705
|
+
"name": "Color Status Success Press",
|
|
675
706
|
"path": ["semantic", "color", "status", "success", "press"]
|
|
676
707
|
},
|
|
677
708
|
{
|
|
@@ -680,6 +711,8 @@
|
|
|
680
711
|
"type": "color",
|
|
681
712
|
"attributes": {
|
|
682
713
|
"category": "color",
|
|
714
|
+
"group": "status",
|
|
715
|
+
"kind": "warning",
|
|
683
716
|
"type": "color",
|
|
684
717
|
"item": "status",
|
|
685
718
|
"subitem": "warning",
|
|
@@ -708,6 +741,8 @@
|
|
|
708
741
|
"type": "color",
|
|
709
742
|
"attributes": {
|
|
710
743
|
"category": "color",
|
|
744
|
+
"group": "status",
|
|
745
|
+
"kind": "warning",
|
|
711
746
|
"type": "color",
|
|
712
747
|
"item": "status",
|
|
713
748
|
"subitem": "warning",
|
|
@@ -734,12 +769,10 @@
|
|
|
734
769
|
"key": "{semantic.color.status.warning.press}",
|
|
735
770
|
"value": "#ff9500",
|
|
736
771
|
"type": "color",
|
|
737
|
-
"category": "color",
|
|
738
|
-
"filePath": "src/tokens/semantic/color/dark.json",
|
|
739
|
-
"isSource": true,
|
|
740
|
-
"name": "Color Status Warning Press",
|
|
741
772
|
"attributes": {
|
|
742
|
-
"category": "
|
|
773
|
+
"category": "color",
|
|
774
|
+
"group": "status",
|
|
775
|
+
"kind": "warning",
|
|
743
776
|
"type": "color",
|
|
744
777
|
"item": "status",
|
|
745
778
|
"subitem": "warning",
|
|
@@ -757,6 +790,9 @@
|
|
|
757
790
|
"type": "color"
|
|
758
791
|
}
|
|
759
792
|
},
|
|
793
|
+
"filePath": "src/tokens/semantic/color/dark.json",
|
|
794
|
+
"isSource": true,
|
|
795
|
+
"name": "Color Status Warning Press",
|
|
760
796
|
"path": ["semantic", "color", "status", "warning", "press"]
|
|
761
797
|
},
|
|
762
798
|
{
|
|
@@ -765,6 +801,8 @@
|
|
|
765
801
|
"type": "color",
|
|
766
802
|
"attributes": {
|
|
767
803
|
"category": "color",
|
|
804
|
+
"group": "status",
|
|
805
|
+
"kind": "danger",
|
|
768
806
|
"type": "color",
|
|
769
807
|
"item": "status",
|
|
770
808
|
"subitem": "danger",
|
|
@@ -793,6 +831,8 @@
|
|
|
793
831
|
"type": "color",
|
|
794
832
|
"attributes": {
|
|
795
833
|
"category": "color",
|
|
834
|
+
"group": "status",
|
|
835
|
+
"kind": "danger",
|
|
796
836
|
"type": "color",
|
|
797
837
|
"item": "status",
|
|
798
838
|
"subitem": "danger",
|
|
@@ -821,6 +861,8 @@
|
|
|
821
861
|
"type": "color",
|
|
822
862
|
"attributes": {
|
|
823
863
|
"category": "color",
|
|
864
|
+
"group": "status",
|
|
865
|
+
"kind": "danger",
|
|
824
866
|
"type": "color",
|
|
825
867
|
"item": "status",
|
|
826
868
|
"subitem": "danger",
|
|
@@ -849,6 +891,7 @@
|
|
|
849
891
|
"type": "color",
|
|
850
892
|
"attributes": {
|
|
851
893
|
"category": "color",
|
|
894
|
+
"group": "inverse",
|
|
852
895
|
"type": "color",
|
|
853
896
|
"item": "inverse",
|
|
854
897
|
"subitem": "default",
|
|
@@ -876,6 +919,7 @@
|
|
|
876
919
|
"type": "color",
|
|
877
920
|
"attributes": {
|
|
878
921
|
"category": "color",
|
|
922
|
+
"group": "inverse",
|
|
879
923
|
"type": "color",
|
|
880
924
|
"item": "inverse",
|
|
881
925
|
"subitem": "hover",
|
|
@@ -903,6 +947,7 @@
|
|
|
903
947
|
"type": "color",
|
|
904
948
|
"attributes": {
|
|
905
949
|
"category": "color",
|
|
950
|
+
"group": "inverse",
|
|
906
951
|
"type": "color",
|
|
907
952
|
"item": "inverse",
|
|
908
953
|
"subitem": "press",
|
|
@@ -930,6 +975,7 @@
|
|
|
930
975
|
"type": "color",
|
|
931
976
|
"attributes": {
|
|
932
977
|
"category": "color",
|
|
978
|
+
"group": "text",
|
|
933
979
|
"type": "color",
|
|
934
980
|
"item": "text",
|
|
935
981
|
"subitem": "1",
|
|
@@ -957,6 +1003,7 @@
|
|
|
957
1003
|
"type": "color",
|
|
958
1004
|
"attributes": {
|
|
959
1005
|
"category": "color",
|
|
1006
|
+
"group": "text",
|
|
960
1007
|
"type": "color",
|
|
961
1008
|
"item": "text",
|
|
962
1009
|
"subitem": "2",
|
|
@@ -984,6 +1031,7 @@
|
|
|
984
1031
|
"type": "color",
|
|
985
1032
|
"attributes": {
|
|
986
1033
|
"category": "color",
|
|
1034
|
+
"group": "text",
|
|
987
1035
|
"type": "color",
|
|
988
1036
|
"item": "text",
|
|
989
1037
|
"subitem": "3",
|
|
@@ -1011,6 +1059,7 @@
|
|
|
1011
1059
|
"type": "color",
|
|
1012
1060
|
"attributes": {
|
|
1013
1061
|
"category": "color",
|
|
1062
|
+
"group": "text",
|
|
1014
1063
|
"type": "color",
|
|
1015
1064
|
"item": "text",
|
|
1016
1065
|
"subitem": "highlight",
|
|
@@ -1038,6 +1087,7 @@
|
|
|
1038
1087
|
"type": "color",
|
|
1039
1088
|
"attributes": {
|
|
1040
1089
|
"category": "color",
|
|
1090
|
+
"group": "text",
|
|
1041
1091
|
"type": "color",
|
|
1042
1092
|
"item": "text",
|
|
1043
1093
|
"subitem": "inverse",
|
|
@@ -1065,6 +1115,7 @@
|
|
|
1065
1115
|
"type": "color",
|
|
1066
1116
|
"attributes": {
|
|
1067
1117
|
"category": "color",
|
|
1118
|
+
"group": "text",
|
|
1068
1119
|
"type": "color",
|
|
1069
1120
|
"item": "text",
|
|
1070
1121
|
"subitem": "link",
|
|
@@ -1092,6 +1143,7 @@
|
|
|
1092
1143
|
"type": "color",
|
|
1093
1144
|
"attributes": {
|
|
1094
1145
|
"category": "color",
|
|
1146
|
+
"group": "border",
|
|
1095
1147
|
"type": "color",
|
|
1096
1148
|
"item": "border",
|
|
1097
1149
|
"subitem": "1",
|
|
@@ -1119,6 +1171,7 @@
|
|
|
1119
1171
|
"type": "color",
|
|
1120
1172
|
"attributes": {
|
|
1121
1173
|
"category": "color",
|
|
1174
|
+
"group": "border",
|
|
1122
1175
|
"type": "color",
|
|
1123
1176
|
"item": "border",
|
|
1124
1177
|
"subitem": "2",
|
|
@@ -1146,6 +1199,7 @@
|
|
|
1146
1199
|
"type": "color",
|
|
1147
1200
|
"attributes": {
|
|
1148
1201
|
"category": "color",
|
|
1202
|
+
"group": "border",
|
|
1149
1203
|
"type": "color",
|
|
1150
1204
|
"item": "border",
|
|
1151
1205
|
"subitem": "3",
|
|
@@ -1173,6 +1227,7 @@
|
|
|
1173
1227
|
"type": "color",
|
|
1174
1228
|
"attributes": {
|
|
1175
1229
|
"category": "color",
|
|
1230
|
+
"group": "border",
|
|
1176
1231
|
"type": "color",
|
|
1177
1232
|
"item": "border",
|
|
1178
1233
|
"subitem": "input",
|
|
@@ -1200,6 +1255,7 @@
|
|
|
1200
1255
|
"type": "color",
|
|
1201
1256
|
"attributes": {
|
|
1202
1257
|
"category": "color",
|
|
1258
|
+
"group": "border",
|
|
1203
1259
|
"type": "color",
|
|
1204
1260
|
"item": "border",
|
|
1205
1261
|
"subitem": "ghost",
|
|
@@ -1227,6 +1283,7 @@
|
|
|
1227
1283
|
"type": "color",
|
|
1228
1284
|
"attributes": {
|
|
1229
1285
|
"category": "color",
|
|
1286
|
+
"group": "border",
|
|
1230
1287
|
"type": "color",
|
|
1231
1288
|
"item": "border",
|
|
1232
1289
|
"subitem": "white",
|
|
@@ -1254,6 +1311,7 @@
|
|
|
1254
1311
|
"type": "color",
|
|
1255
1312
|
"attributes": {
|
|
1256
1313
|
"category": "color",
|
|
1314
|
+
"group": "focus",
|
|
1257
1315
|
"scope": "component",
|
|
1258
1316
|
"type": "color",
|
|
1259
1317
|
"item": "focus",
|