@esri/calcite-design-tokens 3.2.0-next.1 → 3.2.0-next.10
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/css/dark.css +2 -2
- package/dist/css/index.css +10 -10
- package/dist/css/light.css +2 -2
- package/dist/css/semantic.css +0 -22
- package/dist/docs/core.json +464 -1
- package/dist/docs/dark.json +82 -24
- package/dist/docs/global.json +281 -183
- package/dist/docs/light.json +74 -14
- package/dist/docs/semantic.json +132 -572
- package/dist/es6/dark.d.ts +2 -2
- package/dist/es6/dark.js +2 -2
- package/dist/es6/global.d.ts +2 -2
- package/dist/es6/global.js +2 -2
- package/dist/es6/light.d.ts +2 -2
- package/dist/es6/light.js +2 -2
- package/dist/es6/semantic.d.ts +0 -24
- package/dist/es6/semantic.js +0 -12
- package/dist/js/core.js +926 -0
- package/dist/js/dark.d.ts +2 -2
- package/dist/js/dark.js +161 -38
- package/dist/js/global.d.ts +10 -10
- package/dist/js/global.js +627 -424
- package/dist/js/light.d.ts +2 -2
- package/dist/js/light.js +137 -16
- package/dist/js/semantic.d.ts +8 -26
- package/dist/js/semantic.js +358 -934
- package/dist/scss/dark.scss +2 -2
- package/dist/scss/index.scss +4 -4
- package/dist/scss/light.scss +2 -2
- package/dist/scss/semantic.scss +0 -22
- package/package.json +6 -6
package/dist/docs/light.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp":
|
|
2
|
+
"timestamp": 1752776375309,
|
|
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,17 +147,18 @@
|
|
|
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",
|
|
148
154
|
"value": "#d6efff",
|
|
149
|
-
"description": "deprecated, use --calcite-color-
|
|
155
|
+
"description": "deprecated, use --calcite-color-surface-highlight instead",
|
|
150
156
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
151
157
|
"isSource": true,
|
|
152
158
|
"key": "{semantic.color.foreground.current}",
|
|
153
159
|
"name": "calcite-semantic-color-foreground-current",
|
|
154
160
|
"path": ["semantic", "color", "foreground", "current"],
|
|
155
|
-
"comment": "deprecated, use --calcite-color-
|
|
161
|
+
"comment": "deprecated, use --calcite-color-surface-highlight instead",
|
|
156
162
|
"names": {
|
|
157
163
|
"scss": "$calcite-color-foreground-current",
|
|
158
164
|
"css": "var(--calcite-color-foreground-current)",
|
|
@@ -166,28 +172,29 @@
|
|
|
166
172
|
"type": "color"
|
|
167
173
|
}
|
|
168
174
|
},
|
|
169
|
-
"description": "deprecated, use --calcite-color-
|
|
175
|
+
"description": "deprecated, use --calcite-color-surface-highlight instead",
|
|
170
176
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
171
177
|
"isSource": true,
|
|
172
178
|
"name": "Color Foreground Current",
|
|
173
179
|
"path": ["semantic", "color", "foreground", "current"],
|
|
174
|
-
"comment": "deprecated, use --calcite-color-
|
|
180
|
+
"comment": "deprecated, use --calcite-color-surface-highlight instead"
|
|
175
181
|
},
|
|
176
182
|
{
|
|
177
|
-
"key": "{semantic.color.
|
|
183
|
+
"key": "{semantic.color.surface.highlight}",
|
|
178
184
|
"value": "#d6efff",
|
|
179
185
|
"type": "color",
|
|
180
186
|
"attributes": {
|
|
181
187
|
"category": "color",
|
|
188
|
+
"group": "foreground",
|
|
182
189
|
"type": "color",
|
|
183
|
-
"item": "
|
|
190
|
+
"item": "surface",
|
|
184
191
|
"subitem": "highlight",
|
|
185
192
|
"names": {
|
|
186
|
-
"scss": "$calcite-color-
|
|
187
|
-
"css": "var(--calcite-color-
|
|
188
|
-
"js": "semantic.color.
|
|
189
|
-
"docs": "semantic.color.
|
|
190
|
-
"es6": "
|
|
193
|
+
"scss": "$calcite-color-surface-highlight",
|
|
194
|
+
"css": "var(--calcite-color-surface-highlight)",
|
|
195
|
+
"js": "semantic.color.surface.highlight",
|
|
196
|
+
"docs": "semantic.color.surface.highlight",
|
|
197
|
+
"es6": "calciteColorSurfaceHighlight"
|
|
191
198
|
},
|
|
192
199
|
"calcite-schema": {
|
|
193
200
|
"system": "calcite",
|
|
@@ -197,8 +204,8 @@
|
|
|
197
204
|
},
|
|
198
205
|
"filePath": "src/tokens/semantic/color/light.json",
|
|
199
206
|
"isSource": true,
|
|
200
|
-
"name": "Color
|
|
201
|
-
"path": ["semantic", "color", "
|
|
207
|
+
"name": "Color Surface Highlight",
|
|
208
|
+
"path": ["semantic", "color", "surface", "highlight"]
|
|
202
209
|
},
|
|
203
210
|
{
|
|
204
211
|
"key": "{semantic.color.transparent.default.default}",
|
|
@@ -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, 97, 155, 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",
|
|
@@ -651,6 +681,8 @@
|
|
|
651
681
|
"type": "color",
|
|
652
682
|
"attributes": {
|
|
653
683
|
"category": "color",
|
|
684
|
+
"group": "status",
|
|
685
|
+
"kind": "success",
|
|
654
686
|
"type": "color",
|
|
655
687
|
"item": "status",
|
|
656
688
|
"subitem": "success",
|
|
@@ -679,6 +711,8 @@
|
|
|
679
711
|
"type": "color",
|
|
680
712
|
"attributes": {
|
|
681
713
|
"category": "color",
|
|
714
|
+
"group": "status",
|
|
715
|
+
"kind": "warning",
|
|
682
716
|
"type": "color",
|
|
683
717
|
"item": "status",
|
|
684
718
|
"subitem": "warning",
|
|
@@ -707,6 +741,8 @@
|
|
|
707
741
|
"type": "color",
|
|
708
742
|
"attributes": {
|
|
709
743
|
"category": "color",
|
|
744
|
+
"group": "status",
|
|
745
|
+
"kind": "warning",
|
|
710
746
|
"type": "color",
|
|
711
747
|
"item": "status",
|
|
712
748
|
"subitem": "warning",
|
|
@@ -735,6 +771,8 @@
|
|
|
735
771
|
"type": "color",
|
|
736
772
|
"attributes": {
|
|
737
773
|
"category": "color",
|
|
774
|
+
"group": "status",
|
|
775
|
+
"kind": "warning",
|
|
738
776
|
"type": "color",
|
|
739
777
|
"item": "status",
|
|
740
778
|
"subitem": "warning",
|
|
@@ -763,6 +801,8 @@
|
|
|
763
801
|
"type": "color",
|
|
764
802
|
"attributes": {
|
|
765
803
|
"category": "color",
|
|
804
|
+
"group": "status",
|
|
805
|
+
"kind": "danger",
|
|
766
806
|
"type": "color",
|
|
767
807
|
"item": "status",
|
|
768
808
|
"subitem": "danger",
|
|
@@ -791,6 +831,8 @@
|
|
|
791
831
|
"type": "color",
|
|
792
832
|
"attributes": {
|
|
793
833
|
"category": "color",
|
|
834
|
+
"group": "status",
|
|
835
|
+
"kind": "danger",
|
|
794
836
|
"type": "color",
|
|
795
837
|
"item": "status",
|
|
796
838
|
"subitem": "danger",
|
|
@@ -819,6 +861,8 @@
|
|
|
819
861
|
"type": "color",
|
|
820
862
|
"attributes": {
|
|
821
863
|
"category": "color",
|
|
864
|
+
"group": "status",
|
|
865
|
+
"kind": "danger",
|
|
822
866
|
"type": "color",
|
|
823
867
|
"item": "status",
|
|
824
868
|
"subitem": "danger",
|
|
@@ -847,6 +891,7 @@
|
|
|
847
891
|
"type": "color",
|
|
848
892
|
"attributes": {
|
|
849
893
|
"category": "color",
|
|
894
|
+
"group": "inverse",
|
|
850
895
|
"type": "color",
|
|
851
896
|
"item": "inverse",
|
|
852
897
|
"subitem": "default",
|
|
@@ -874,6 +919,7 @@
|
|
|
874
919
|
"type": "color",
|
|
875
920
|
"attributes": {
|
|
876
921
|
"category": "color",
|
|
922
|
+
"group": "inverse",
|
|
877
923
|
"type": "color",
|
|
878
924
|
"item": "inverse",
|
|
879
925
|
"subitem": "hover",
|
|
@@ -901,6 +947,7 @@
|
|
|
901
947
|
"type": "color",
|
|
902
948
|
"attributes": {
|
|
903
949
|
"category": "color",
|
|
950
|
+
"group": "inverse",
|
|
904
951
|
"type": "color",
|
|
905
952
|
"item": "inverse",
|
|
906
953
|
"subitem": "press",
|
|
@@ -928,6 +975,7 @@
|
|
|
928
975
|
"type": "color",
|
|
929
976
|
"attributes": {
|
|
930
977
|
"category": "color",
|
|
978
|
+
"group": "text",
|
|
931
979
|
"type": "color",
|
|
932
980
|
"item": "text",
|
|
933
981
|
"subitem": "1",
|
|
@@ -955,6 +1003,7 @@
|
|
|
955
1003
|
"type": "color",
|
|
956
1004
|
"attributes": {
|
|
957
1005
|
"category": "color",
|
|
1006
|
+
"group": "text",
|
|
958
1007
|
"type": "color",
|
|
959
1008
|
"item": "text",
|
|
960
1009
|
"subitem": "2",
|
|
@@ -982,6 +1031,7 @@
|
|
|
982
1031
|
"type": "color",
|
|
983
1032
|
"attributes": {
|
|
984
1033
|
"category": "color",
|
|
1034
|
+
"group": "text",
|
|
985
1035
|
"type": "color",
|
|
986
1036
|
"item": "text",
|
|
987
1037
|
"subitem": "3",
|
|
@@ -1009,6 +1059,7 @@
|
|
|
1009
1059
|
"type": "color",
|
|
1010
1060
|
"attributes": {
|
|
1011
1061
|
"category": "color",
|
|
1062
|
+
"group": "text",
|
|
1012
1063
|
"type": "color",
|
|
1013
1064
|
"item": "text",
|
|
1014
1065
|
"subitem": "highlight",
|
|
@@ -1036,6 +1087,7 @@
|
|
|
1036
1087
|
"type": "color",
|
|
1037
1088
|
"attributes": {
|
|
1038
1089
|
"category": "color",
|
|
1090
|
+
"group": "text",
|
|
1039
1091
|
"type": "color",
|
|
1040
1092
|
"item": "text",
|
|
1041
1093
|
"subitem": "inverse",
|
|
@@ -1063,6 +1115,7 @@
|
|
|
1063
1115
|
"type": "color",
|
|
1064
1116
|
"attributes": {
|
|
1065
1117
|
"category": "color",
|
|
1118
|
+
"group": "text",
|
|
1066
1119
|
"type": "color",
|
|
1067
1120
|
"item": "text",
|
|
1068
1121
|
"subitem": "link",
|
|
@@ -1090,6 +1143,7 @@
|
|
|
1090
1143
|
"type": "color",
|
|
1091
1144
|
"attributes": {
|
|
1092
1145
|
"category": "color",
|
|
1146
|
+
"group": "border",
|
|
1093
1147
|
"type": "color",
|
|
1094
1148
|
"item": "border",
|
|
1095
1149
|
"subitem": "1",
|
|
@@ -1117,6 +1171,7 @@
|
|
|
1117
1171
|
"type": "color",
|
|
1118
1172
|
"attributes": {
|
|
1119
1173
|
"category": "color",
|
|
1174
|
+
"group": "border",
|
|
1120
1175
|
"type": "color",
|
|
1121
1176
|
"item": "border",
|
|
1122
1177
|
"subitem": "2",
|
|
@@ -1144,6 +1199,7 @@
|
|
|
1144
1199
|
"type": "color",
|
|
1145
1200
|
"attributes": {
|
|
1146
1201
|
"category": "color",
|
|
1202
|
+
"group": "border",
|
|
1147
1203
|
"type": "color",
|
|
1148
1204
|
"item": "border",
|
|
1149
1205
|
"subitem": "3",
|
|
@@ -1171,6 +1227,7 @@
|
|
|
1171
1227
|
"type": "color",
|
|
1172
1228
|
"attributes": {
|
|
1173
1229
|
"category": "color",
|
|
1230
|
+
"group": "border",
|
|
1174
1231
|
"type": "color",
|
|
1175
1232
|
"item": "border",
|
|
1176
1233
|
"subitem": "input",
|
|
@@ -1198,6 +1255,7 @@
|
|
|
1198
1255
|
"type": "color",
|
|
1199
1256
|
"attributes": {
|
|
1200
1257
|
"category": "color",
|
|
1258
|
+
"group": "border",
|
|
1201
1259
|
"type": "color",
|
|
1202
1260
|
"item": "border",
|
|
1203
1261
|
"subitem": "ghost",
|
|
@@ -1225,6 +1283,7 @@
|
|
|
1225
1283
|
"type": "color",
|
|
1226
1284
|
"attributes": {
|
|
1227
1285
|
"category": "color",
|
|
1286
|
+
"group": "border",
|
|
1228
1287
|
"type": "color",
|
|
1229
1288
|
"item": "border",
|
|
1230
1289
|
"subitem": "white",
|
|
@@ -1252,6 +1311,7 @@
|
|
|
1252
1311
|
"type": "color",
|
|
1253
1312
|
"attributes": {
|
|
1254
1313
|
"category": "color",
|
|
1314
|
+
"group": "focus",
|
|
1255
1315
|
"scope": "component",
|
|
1256
1316
|
"type": "color",
|
|
1257
1317
|
"item": "focus",
|