@esri/calcite-design-tokens 3.2.0-next.0 → 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.
Files changed (32) hide show
  1. package/dist/css/component.css +11 -0
  2. package/dist/css/dark.css +3 -2
  3. package/dist/css/index.css +10 -10
  4. package/dist/css/light.css +3 -2
  5. package/dist/css/semantic.css +0 -22
  6. package/dist/docs/core.json +464 -1
  7. package/dist/docs/dark.json +110 -24
  8. package/dist/docs/global.json +309 -183
  9. package/dist/docs/light.json +102 -14
  10. package/dist/docs/semantic.json +132 -572
  11. package/dist/es6/dark.d.ts +3 -2
  12. package/dist/es6/dark.js +3 -2
  13. package/dist/es6/global.d.ts +3 -2
  14. package/dist/es6/global.js +3 -2
  15. package/dist/es6/light.d.ts +3 -2
  16. package/dist/es6/light.js +3 -2
  17. package/dist/es6/semantic.d.ts +0 -24
  18. package/dist/es6/semantic.js +0 -12
  19. package/dist/js/core.js +926 -0
  20. package/dist/js/dark.d.ts +3 -2
  21. package/dist/js/dark.js +200 -38
  22. package/dist/js/global.d.ts +13 -10
  23. package/dist/js/global.js +669 -424
  24. package/dist/js/light.d.ts +3 -2
  25. package/dist/js/light.js +176 -16
  26. package/dist/js/semantic.d.ts +8 -26
  27. package/dist/js/semantic.js +358 -934
  28. package/dist/scss/dark.scss +3 -2
  29. package/dist/scss/index.scss +4 -4
  30. package/dist/scss/light.scss +3 -2
  31. package/dist/scss/semantic.scss +0 -22
  32. package/package.json +6 -6
package/dist/js/dark.js CHANGED
@@ -13,6 +13,7 @@ export default {
13
13
  type: "color",
14
14
  attributes: {
15
15
  category: "color",
16
+ group: "background",
16
17
  type: "color",
17
18
  item: "background",
18
19
  subitem: "default",
@@ -36,6 +37,7 @@ export default {
36
37
  type: "color",
37
38
  attributes: {
38
39
  category: "color",
40
+ group: "background",
39
41
  },
40
42
  key: "{semantic.color.background.default}",
41
43
  },
@@ -48,6 +50,7 @@ export default {
48
50
  type: "color",
49
51
  attributes: {
50
52
  category: "color",
53
+ group: "background",
51
54
  type: "color",
52
55
  item: "background",
53
56
  subitem: "none",
@@ -71,6 +74,7 @@ export default {
71
74
  type: "color",
72
75
  attributes: {
73
76
  category: "color",
77
+ group: "background",
74
78
  },
75
79
  key: "{semantic.color.background.none}",
76
80
  },
@@ -85,6 +89,7 @@ export default {
85
89
  type: "color",
86
90
  attributes: {
87
91
  category: "color",
92
+ group: "foreground",
88
93
  type: "color",
89
94
  item: "foreground",
90
95
  subitem: "1",
@@ -108,6 +113,7 @@ export default {
108
113
  type: "color",
109
114
  attributes: {
110
115
  category: "color",
116
+ group: "foreground",
111
117
  },
112
118
  key: "{semantic.color.foreground.1}",
113
119
  },
@@ -120,6 +126,7 @@ export default {
120
126
  type: "color",
121
127
  attributes: {
122
128
  category: "color",
129
+ group: "foreground",
123
130
  type: "color",
124
131
  item: "foreground",
125
132
  subitem: "2",
@@ -143,6 +150,7 @@ export default {
143
150
  type: "color",
144
151
  attributes: {
145
152
  category: "color",
153
+ group: "foreground",
146
154
  },
147
155
  key: "{semantic.color.foreground.2}",
148
156
  },
@@ -155,6 +163,7 @@ export default {
155
163
  type: "color",
156
164
  attributes: {
157
165
  category: "color",
166
+ group: "foreground",
158
167
  type: "color",
159
168
  item: "foreground",
160
169
  subitem: "3",
@@ -178,6 +187,7 @@ export default {
178
187
  type: "color",
179
188
  attributes: {
180
189
  category: "color",
190
+ group: "foreground",
181
191
  },
182
192
  key: "{semantic.color.foreground.3}",
183
193
  },
@@ -190,19 +200,20 @@ export default {
190
200
  type: "color",
191
201
  attributes: {
192
202
  category: "color",
203
+ group: "foreground",
193
204
  type: "color",
194
205
  item: "foreground",
195
206
  subitem: "current",
196
207
  value: "#2b465f",
197
208
  description:
198
- "deprecated, use --calcite-color-foreground-highlight instead",
209
+ "deprecated, use --calcite-color-surface-highlight instead",
199
210
  filePath: "src/tokens/semantic/color/dark.json",
200
211
  isSource: true,
201
212
  key: "{semantic.color.foreground.current}",
202
213
  name: "calcite-semantic-color-foreground-current",
203
214
  path: ["semantic", "color", "foreground", "current"],
204
215
  comment:
205
- "deprecated, use --calcite-color-foreground-highlight instead",
216
+ "deprecated, use --calcite-color-surface-highlight instead",
206
217
  names: {
207
218
  scss: "$calcite-color-foreground-current",
208
219
  css: "var(--calcite-color-foreground-current)",
@@ -217,7 +228,7 @@ export default {
217
228
  },
218
229
  },
219
230
  description:
220
- "deprecated, use --calcite-color-foreground-highlight instead",
231
+ "deprecated, use --calcite-color-surface-highlight instead",
221
232
  filePath: "src/tokens/semantic/color/dark.json",
222
233
  isSource: true,
223
234
  original: {
@@ -225,31 +236,34 @@ export default {
225
236
  type: "color",
226
237
  attributes: {
227
238
  category: "color",
239
+ group: "foreground",
228
240
  },
229
241
  description:
230
- "deprecated, use --calcite-color-foreground-highlight instead",
242
+ "deprecated, use --calcite-color-surface-highlight instead",
231
243
  key: "{semantic.color.foreground.current}",
232
244
  },
233
245
  name: "calciteColorForegroundCurrent",
234
246
  path: ["semantic", "color", "foreground", "current"],
235
- comment:
236
- "deprecated, use --calcite-color-foreground-highlight instead",
247
+ comment: "deprecated, use --calcite-color-surface-highlight instead",
237
248
  },
249
+ },
250
+ surface: {
238
251
  highlight: {
239
- key: "{semantic.color.foreground.highlight}",
252
+ key: "{semantic.color.surface.highlight}",
240
253
  value: "#2b465f",
241
254
  type: "color",
242
255
  attributes: {
243
256
  category: "color",
257
+ group: "foreground",
244
258
  type: "color",
245
- item: "foreground",
259
+ item: "surface",
246
260
  subitem: "highlight",
247
261
  names: {
248
- scss: "$calcite-color-foreground-highlight",
249
- css: "var(--calcite-color-foreground-highlight)",
250
- js: "semantic.color.foreground.highlight",
251
- docs: "semantic.color.foreground.highlight",
252
- es6: "calciteColorForegroundHighlight",
262
+ scss: "$calcite-color-surface-highlight",
263
+ css: "var(--calcite-color-surface-highlight)",
264
+ js: "semantic.color.surface.highlight",
265
+ docs: "semantic.color.surface.highlight",
266
+ es6: "calciteColorSurfaceHighlight",
253
267
  },
254
268
  "calcite-schema": {
255
269
  system: "calcite",
@@ -264,11 +278,12 @@ export default {
264
278
  type: "color",
265
279
  attributes: {
266
280
  category: "color",
281
+ group: "foreground",
267
282
  },
268
- key: "{semantic.color.foreground.highlight}",
283
+ key: "{semantic.color.surface.highlight}",
269
284
  },
270
- name: "calciteColorForegroundHighlight",
271
- path: ["semantic", "color", "foreground", "highlight"],
285
+ name: "calciteColorSurfaceHighlight",
286
+ path: ["semantic", "color", "surface", "highlight"],
272
287
  },
273
288
  },
274
289
  transparent: {
@@ -279,6 +294,7 @@ export default {
279
294
  type: "color",
280
295
  attributes: {
281
296
  category: "color",
297
+ group: "transparent",
282
298
  type: "color",
283
299
  item: "transparent",
284
300
  subitem: "default",
@@ -303,6 +319,7 @@ export default {
303
319
  type: "color",
304
320
  attributes: {
305
321
  category: "color",
322
+ group: "transparent",
306
323
  },
307
324
  key: "{semantic.color.transparent.default.default}",
308
325
  },
@@ -315,6 +332,7 @@ export default {
315
332
  type: "color",
316
333
  attributes: {
317
334
  category: "color",
335
+ group: "transparent",
318
336
  type: "color",
319
337
  item: "transparent",
320
338
  subitem: "default",
@@ -339,6 +357,7 @@ export default {
339
357
  type: "color",
340
358
  attributes: {
341
359
  category: "color",
360
+ group: "transparent",
342
361
  },
343
362
  key: "{semantic.color.transparent.default.hover}",
344
363
  },
@@ -351,6 +370,7 @@ export default {
351
370
  type: "color",
352
371
  attributes: {
353
372
  category: "color",
373
+ group: "transparent",
354
374
  type: "color",
355
375
  item: "transparent",
356
376
  subitem: "default",
@@ -375,6 +395,7 @@ export default {
375
395
  type: "color",
376
396
  attributes: {
377
397
  category: "color",
398
+ group: "transparent",
378
399
  },
379
400
  key: "{semantic.color.transparent.default.press}",
380
401
  },
@@ -389,6 +410,8 @@ export default {
389
410
  type: "color",
390
411
  attributes: {
391
412
  category: "color",
413
+ group: "transparent",
414
+ kind: "inverse",
392
415
  type: "color",
393
416
  item: "transparent",
394
417
  subitem: "inverse",
@@ -413,6 +436,8 @@ export default {
413
436
  type: "color",
414
437
  attributes: {
415
438
  category: "color",
439
+ group: "transparent",
440
+ kind: "inverse",
416
441
  },
417
442
  key: "{semantic.color.transparent.inverse.hover}",
418
443
  },
@@ -425,6 +450,8 @@ export default {
425
450
  type: "color",
426
451
  attributes: {
427
452
  category: "color",
453
+ group: "transparent",
454
+ kind: "inverse",
428
455
  type: "color",
429
456
  item: "transparent",
430
457
  subitem: "inverse",
@@ -449,6 +476,8 @@ export default {
449
476
  type: "color",
450
477
  attributes: {
451
478
  category: "color",
479
+ group: "transparent",
480
+ kind: "inverse",
452
481
  },
453
482
  key: "{semantic.color.transparent.inverse.press}",
454
483
  },
@@ -462,6 +491,7 @@ export default {
462
491
  type: "color",
463
492
  attributes: {
464
493
  category: "color",
494
+ group: "transparent",
465
495
  type: "color",
466
496
  item: "transparent",
467
497
  subitem: "scrim",
@@ -485,6 +515,7 @@ export default {
485
515
  type: "color",
486
516
  attributes: {
487
517
  category: "color",
518
+ group: "transparent",
488
519
  },
489
520
  key: "{semantic.color.transparent.scrim}",
490
521
  },
@@ -497,6 +528,7 @@ export default {
497
528
  type: "color",
498
529
  attributes: {
499
530
  category: "color",
531
+ group: "transparent",
500
532
  type: "color",
501
533
  item: "transparent",
502
534
  subitem: "tint",
@@ -520,6 +552,7 @@ export default {
520
552
  type: "color",
521
553
  attributes: {
522
554
  category: "color",
555
+ group: "transparent",
523
556
  },
524
557
  key: "{semantic.color.transparent.tint}",
525
558
  },
@@ -535,6 +568,7 @@ export default {
535
568
  type: "color",
536
569
  attributes: {
537
570
  category: "color",
571
+ group: "brand",
538
572
  type: "color",
539
573
  item: "brand",
540
574
  subitem: "default",
@@ -559,6 +593,7 @@ export default {
559
593
  type: "color",
560
594
  attributes: {
561
595
  category: "color",
596
+ group: "brand",
562
597
  },
563
598
  key: "{semantic.color.brand.default.default}",
564
599
  },
@@ -571,6 +606,7 @@ export default {
571
606
  type: "color",
572
607
  attributes: {
573
608
  category: "color",
609
+ group: "brand",
574
610
  type: "color",
575
611
  item: "brand",
576
612
  subitem: "default",
@@ -595,6 +631,7 @@ export default {
595
631
  type: "color",
596
632
  attributes: {
597
633
  category: "color",
634
+ group: "brand",
598
635
  },
599
636
  key: "{semantic.color.brand.default.hover}",
600
637
  },
@@ -607,6 +644,7 @@ export default {
607
644
  type: "color",
608
645
  attributes: {
609
646
  category: "color",
647
+ group: "brand",
610
648
  type: "color",
611
649
  item: "brand",
612
650
  subitem: "default",
@@ -631,6 +669,7 @@ export default {
631
669
  type: "color",
632
670
  attributes: {
633
671
  category: "color",
672
+ group: "brand",
634
673
  },
635
674
  key: "{semantic.color.brand.default.press}",
636
675
  },
@@ -644,6 +683,7 @@ export default {
644
683
  value: "rgba(0, 160, 255, 0.4)",
645
684
  attributes: {
646
685
  category: "color",
686
+ group: "brand",
647
687
  type: "color",
648
688
  item: "brand",
649
689
  subitem: "underline",
@@ -667,6 +707,7 @@ export default {
667
707
  value: "rgba({core.color.dark.blue.d-bb-420}, {core.opacity.40})",
668
708
  attributes: {
669
709
  category: "color",
710
+ group: "brand",
670
711
  },
671
712
  key: "{semantic.color.brand.underline}",
672
713
  },
@@ -682,6 +723,8 @@ export default {
682
723
  type: "color",
683
724
  attributes: {
684
725
  category: "color",
726
+ group: "status",
727
+ kind: "info",
685
728
  type: "color",
686
729
  item: "status",
687
730
  subitem: "info",
@@ -706,6 +749,8 @@ export default {
706
749
  type: "color",
707
750
  attributes: {
708
751
  category: "color",
752
+ group: "status",
753
+ kind: "info",
709
754
  },
710
755
  key: "{semantic.color.status.info.default}",
711
756
  },
@@ -718,6 +763,8 @@ export default {
718
763
  type: "color",
719
764
  attributes: {
720
765
  category: "color",
766
+ group: "status",
767
+ kind: "info",
721
768
  type: "color",
722
769
  item: "status",
723
770
  subitem: "info",
@@ -742,6 +789,8 @@ export default {
742
789
  type: "color",
743
790
  attributes: {
744
791
  category: "color",
792
+ group: "status",
793
+ kind: "info",
745
794
  },
746
795
  key: "{semantic.color.status.info.hover}",
747
796
  },
@@ -754,6 +803,8 @@ export default {
754
803
  type: "color",
755
804
  attributes: {
756
805
  category: "color",
806
+ group: "status",
807
+ kind: "info",
757
808
  type: "color",
758
809
  item: "status",
759
810
  subitem: "info",
@@ -778,6 +829,8 @@ export default {
778
829
  type: "color",
779
830
  attributes: {
780
831
  category: "color",
832
+ group: "status",
833
+ kind: "info",
781
834
  },
782
835
  key: "{semantic.color.status.info.press}",
783
836
  },
@@ -792,6 +845,8 @@ export default {
792
845
  type: "color",
793
846
  attributes: {
794
847
  category: "color",
848
+ group: "status",
849
+ kind: "success",
795
850
  type: "color",
796
851
  item: "status",
797
852
  subitem: "success",
@@ -816,6 +871,8 @@ export default {
816
871
  type: "color",
817
872
  attributes: {
818
873
  category: "color",
874
+ group: "status",
875
+ kind: "success",
819
876
  },
820
877
  key: "{semantic.color.status.success.default}",
821
878
  },
@@ -828,6 +885,8 @@ export default {
828
885
  type: "color",
829
886
  attributes: {
830
887
  category: "color",
888
+ group: "status",
889
+ kind: "success",
831
890
  type: "color",
832
891
  item: "status",
833
892
  subitem: "success",
@@ -852,6 +911,8 @@ export default {
852
911
  type: "color",
853
912
  attributes: {
854
913
  category: "color",
914
+ group: "status",
915
+ kind: "success",
855
916
  },
856
917
  key: "{semantic.color.status.success.hover}",
857
918
  },
@@ -862,18 +923,10 @@ export default {
862
923
  key: "{semantic.color.status.success.press}",
863
924
  value: "#00b81b",
864
925
  type: "color",
865
- category: "color",
866
- filePath: "src/tokens/semantic/color/dark.json",
867
- isSource: true,
868
- original: {
869
- value: "{core.color.vibrant.green.v-gg-160}",
870
- type: "color",
871
- category: "color",
872
- key: "{semantic.color.status.success.press}",
873
- },
874
- name: "calciteColorStatusSuccessPress",
875
926
  attributes: {
876
- category: "semantic",
927
+ category: "color",
928
+ group: "status",
929
+ kind: "success",
877
930
  type: "color",
878
931
  item: "status",
879
932
  subitem: "success",
@@ -891,6 +944,19 @@ export default {
891
944
  type: "color",
892
945
  },
893
946
  },
947
+ filePath: "src/tokens/semantic/color/dark.json",
948
+ isSource: true,
949
+ original: {
950
+ value: "{core.color.vibrant.green.v-gg-160}",
951
+ type: "color",
952
+ attributes: {
953
+ category: "color",
954
+ group: "status",
955
+ kind: "success",
956
+ },
957
+ key: "{semantic.color.status.success.press}",
958
+ },
959
+ name: "calciteColorStatusSuccessPress",
894
960
  path: ["semantic", "color", "status", "success", "press"],
895
961
  },
896
962
  },
@@ -901,6 +967,8 @@ export default {
901
967
  type: "color",
902
968
  attributes: {
903
969
  category: "color",
970
+ group: "status",
971
+ kind: "warning",
904
972
  type: "color",
905
973
  item: "status",
906
974
  subitem: "warning",
@@ -925,6 +993,8 @@ export default {
925
993
  type: "color",
926
994
  attributes: {
927
995
  category: "color",
996
+ group: "status",
997
+ kind: "warning",
928
998
  },
929
999
  key: "{semantic.color.status.warning.default}",
930
1000
  },
@@ -937,6 +1007,8 @@ export default {
937
1007
  type: "color",
938
1008
  attributes: {
939
1009
  category: "color",
1010
+ group: "status",
1011
+ kind: "warning",
940
1012
  type: "color",
941
1013
  item: "status",
942
1014
  subitem: "warning",
@@ -961,6 +1033,8 @@ export default {
961
1033
  type: "color",
962
1034
  attributes: {
963
1035
  category: "color",
1036
+ group: "status",
1037
+ kind: "warning",
964
1038
  },
965
1039
  key: "{semantic.color.status.warning.hover}",
966
1040
  },
@@ -971,18 +1045,10 @@ export default {
971
1045
  key: "{semantic.color.status.warning.press}",
972
1046
  value: "#ff9500",
973
1047
  type: "color",
974
- category: "color",
975
- filePath: "src/tokens/semantic/color/dark.json",
976
- isSource: true,
977
- original: {
978
- value: "{core.color.vibrant.orange-yellow.v-oy-140}",
979
- type: "color",
980
- category: "color",
981
- key: "{semantic.color.status.warning.press}",
982
- },
983
- name: "calciteColorStatusWarningPress",
984
1048
  attributes: {
985
- category: "semantic",
1049
+ category: "color",
1050
+ group: "status",
1051
+ kind: "warning",
986
1052
  type: "color",
987
1053
  item: "status",
988
1054
  subitem: "warning",
@@ -1000,6 +1066,19 @@ export default {
1000
1066
  type: "color",
1001
1067
  },
1002
1068
  },
1069
+ filePath: "src/tokens/semantic/color/dark.json",
1070
+ isSource: true,
1071
+ original: {
1072
+ value: "{core.color.vibrant.orange-yellow.v-oy-140}",
1073
+ type: "color",
1074
+ attributes: {
1075
+ category: "color",
1076
+ group: "status",
1077
+ kind: "warning",
1078
+ },
1079
+ key: "{semantic.color.status.warning.press}",
1080
+ },
1081
+ name: "calciteColorStatusWarningPress",
1003
1082
  path: ["semantic", "color", "status", "warning", "press"],
1004
1083
  },
1005
1084
  },
@@ -1010,6 +1089,8 @@ export default {
1010
1089
  type: "color",
1011
1090
  attributes: {
1012
1091
  category: "color",
1092
+ group: "status",
1093
+ kind: "danger",
1013
1094
  type: "color",
1014
1095
  item: "status",
1015
1096
  subitem: "danger",
@@ -1034,6 +1115,8 @@ export default {
1034
1115
  type: "color",
1035
1116
  attributes: {
1036
1117
  category: "color",
1118
+ group: "status",
1119
+ kind: "danger",
1037
1120
  },
1038
1121
  key: "{semantic.color.status.danger.default}",
1039
1122
  },
@@ -1046,6 +1129,8 @@ export default {
1046
1129
  type: "color",
1047
1130
  attributes: {
1048
1131
  category: "color",
1132
+ group: "status",
1133
+ kind: "danger",
1049
1134
  type: "color",
1050
1135
  item: "status",
1051
1136
  subitem: "danger",
@@ -1070,6 +1155,8 @@ export default {
1070
1155
  type: "color",
1071
1156
  attributes: {
1072
1157
  category: "color",
1158
+ group: "status",
1159
+ kind: "danger",
1073
1160
  },
1074
1161
  key: "{semantic.color.status.danger.hover}",
1075
1162
  },
@@ -1082,6 +1169,8 @@ export default {
1082
1169
  type: "color",
1083
1170
  attributes: {
1084
1171
  category: "color",
1172
+ group: "status",
1173
+ kind: "danger",
1085
1174
  type: "color",
1086
1175
  item: "status",
1087
1176
  subitem: "danger",
@@ -1106,6 +1195,8 @@ export default {
1106
1195
  type: "color",
1107
1196
  attributes: {
1108
1197
  category: "color",
1198
+ group: "status",
1199
+ kind: "danger",
1109
1200
  },
1110
1201
  key: "{semantic.color.status.danger.press}",
1111
1202
  },
@@ -1121,6 +1212,7 @@ export default {
1121
1212
  type: "color",
1122
1213
  attributes: {
1123
1214
  category: "color",
1215
+ group: "inverse",
1124
1216
  type: "color",
1125
1217
  item: "inverse",
1126
1218
  subitem: "default",
@@ -1144,6 +1236,7 @@ export default {
1144
1236
  type: "color",
1145
1237
  attributes: {
1146
1238
  category: "color",
1239
+ group: "inverse",
1147
1240
  },
1148
1241
  key: "{semantic.color.inverse.default}",
1149
1242
  },
@@ -1156,6 +1249,7 @@ export default {
1156
1249
  type: "color",
1157
1250
  attributes: {
1158
1251
  category: "color",
1252
+ group: "inverse",
1159
1253
  type: "color",
1160
1254
  item: "inverse",
1161
1255
  subitem: "hover",
@@ -1179,6 +1273,7 @@ export default {
1179
1273
  type: "color",
1180
1274
  attributes: {
1181
1275
  category: "color",
1276
+ group: "inverse",
1182
1277
  },
1183
1278
  key: "{semantic.color.inverse.hover}",
1184
1279
  },
@@ -1191,6 +1286,7 @@ export default {
1191
1286
  type: "color",
1192
1287
  attributes: {
1193
1288
  category: "color",
1289
+ group: "inverse",
1194
1290
  type: "color",
1195
1291
  item: "inverse",
1196
1292
  subitem: "press",
@@ -1214,6 +1310,7 @@ export default {
1214
1310
  type: "color",
1215
1311
  attributes: {
1216
1312
  category: "color",
1313
+ group: "inverse",
1217
1314
  },
1218
1315
  key: "{semantic.color.inverse.press}",
1219
1316
  },
@@ -1228,6 +1325,7 @@ export default {
1228
1325
  type: "color",
1229
1326
  attributes: {
1230
1327
  category: "color",
1328
+ group: "text",
1231
1329
  type: "color",
1232
1330
  item: "text",
1233
1331
  subitem: "1",
@@ -1251,6 +1349,7 @@ export default {
1251
1349
  type: "color",
1252
1350
  attributes: {
1253
1351
  category: "color",
1352
+ group: "text",
1254
1353
  },
1255
1354
  key: "{semantic.color.text.1}",
1256
1355
  },
@@ -1263,6 +1362,7 @@ export default {
1263
1362
  type: "color",
1264
1363
  attributes: {
1265
1364
  category: "color",
1365
+ group: "text",
1266
1366
  type: "color",
1267
1367
  item: "text",
1268
1368
  subitem: "2",
@@ -1286,6 +1386,7 @@ export default {
1286
1386
  type: "color",
1287
1387
  attributes: {
1288
1388
  category: "color",
1389
+ group: "text",
1289
1390
  },
1290
1391
  key: "{semantic.color.text.2}",
1291
1392
  },
@@ -1298,6 +1399,7 @@ export default {
1298
1399
  type: "color",
1299
1400
  attributes: {
1300
1401
  category: "color",
1402
+ group: "text",
1301
1403
  type: "color",
1302
1404
  item: "text",
1303
1405
  subitem: "3",
@@ -1321,6 +1423,7 @@ export default {
1321
1423
  type: "color",
1322
1424
  attributes: {
1323
1425
  category: "color",
1426
+ group: "text",
1324
1427
  },
1325
1428
  key: "{semantic.color.text.3}",
1326
1429
  },
@@ -1333,6 +1436,7 @@ export default {
1333
1436
  type: "color",
1334
1437
  attributes: {
1335
1438
  category: "color",
1439
+ group: "text",
1336
1440
  type: "color",
1337
1441
  item: "text",
1338
1442
  subitem: "highlight",
@@ -1356,6 +1460,7 @@ export default {
1356
1460
  type: "color",
1357
1461
  attributes: {
1358
1462
  category: "color",
1463
+ group: "text",
1359
1464
  },
1360
1465
  key: "{semantic.color.text.highlight}",
1361
1466
  },
@@ -1368,6 +1473,7 @@ export default {
1368
1473
  type: "color",
1369
1474
  attributes: {
1370
1475
  category: "color",
1476
+ group: "text",
1371
1477
  type: "color",
1372
1478
  item: "text",
1373
1479
  subitem: "inverse",
@@ -1391,6 +1497,7 @@ export default {
1391
1497
  type: "color",
1392
1498
  attributes: {
1393
1499
  category: "color",
1500
+ group: "text",
1394
1501
  },
1395
1502
  key: "{semantic.color.text.inverse}",
1396
1503
  },
@@ -1403,6 +1510,7 @@ export default {
1403
1510
  type: "color",
1404
1511
  attributes: {
1405
1512
  category: "color",
1513
+ group: "text",
1406
1514
  type: "color",
1407
1515
  item: "text",
1408
1516
  subitem: "link",
@@ -1426,6 +1534,7 @@ export default {
1426
1534
  type: "color",
1427
1535
  attributes: {
1428
1536
  category: "color",
1537
+ group: "text",
1429
1538
  },
1430
1539
  key: "{semantic.color.text.link}",
1431
1540
  },
@@ -1440,6 +1549,7 @@ export default {
1440
1549
  type: "color",
1441
1550
  attributes: {
1442
1551
  category: "color",
1552
+ group: "border",
1443
1553
  type: "color",
1444
1554
  item: "border",
1445
1555
  subitem: "1",
@@ -1463,6 +1573,7 @@ export default {
1463
1573
  type: "color",
1464
1574
  attributes: {
1465
1575
  category: "color",
1576
+ group: "border",
1466
1577
  },
1467
1578
  key: "{semantic.color.border.1}",
1468
1579
  },
@@ -1475,6 +1586,7 @@ export default {
1475
1586
  type: "color",
1476
1587
  attributes: {
1477
1588
  category: "color",
1589
+ group: "border",
1478
1590
  type: "color",
1479
1591
  item: "border",
1480
1592
  subitem: "2",
@@ -1498,6 +1610,7 @@ export default {
1498
1610
  type: "color",
1499
1611
  attributes: {
1500
1612
  category: "color",
1613
+ group: "border",
1501
1614
  },
1502
1615
  key: "{semantic.color.border.2}",
1503
1616
  },
@@ -1510,6 +1623,7 @@ export default {
1510
1623
  type: "color",
1511
1624
  attributes: {
1512
1625
  category: "color",
1626
+ group: "border",
1513
1627
  type: "color",
1514
1628
  item: "border",
1515
1629
  subitem: "3",
@@ -1533,6 +1647,7 @@ export default {
1533
1647
  type: "color",
1534
1648
  attributes: {
1535
1649
  category: "color",
1650
+ group: "border",
1536
1651
  },
1537
1652
  key: "{semantic.color.border.3}",
1538
1653
  },
@@ -1545,6 +1660,7 @@ export default {
1545
1660
  type: "color",
1546
1661
  attributes: {
1547
1662
  category: "color",
1663
+ group: "border",
1548
1664
  type: "color",
1549
1665
  item: "border",
1550
1666
  subitem: "input",
@@ -1568,6 +1684,7 @@ export default {
1568
1684
  type: "color",
1569
1685
  attributes: {
1570
1686
  category: "color",
1687
+ group: "border",
1571
1688
  },
1572
1689
  key: "{semantic.color.border.input}",
1573
1690
  },
@@ -1580,6 +1697,7 @@ export default {
1580
1697
  type: "color",
1581
1698
  attributes: {
1582
1699
  category: "color",
1700
+ group: "border",
1583
1701
  type: "color",
1584
1702
  item: "border",
1585
1703
  subitem: "ghost",
@@ -1603,6 +1721,7 @@ export default {
1603
1721
  type: "color",
1604
1722
  attributes: {
1605
1723
  category: "color",
1724
+ group: "border",
1606
1725
  },
1607
1726
  key: "{semantic.color.border.ghost}",
1608
1727
  },
@@ -1615,6 +1734,7 @@ export default {
1615
1734
  type: "color",
1616
1735
  attributes: {
1617
1736
  category: "color",
1737
+ group: "border",
1618
1738
  type: "color",
1619
1739
  item: "border",
1620
1740
  subitem: "white",
@@ -1638,6 +1758,7 @@ export default {
1638
1758
  type: "color",
1639
1759
  attributes: {
1640
1760
  category: "color",
1761
+ group: "border",
1641
1762
  },
1642
1763
  key: "{semantic.color.border.white}",
1643
1764
  },
@@ -1645,6 +1766,47 @@ export default {
1645
1766
  path: ["semantic", "color", "border", "white"],
1646
1767
  },
1647
1768
  },
1769
+ focus: {
1770
+ default: {
1771
+ key: "{semantic.color.focus.default}",
1772
+ value: "#009af2",
1773
+ type: "color",
1774
+ attributes: {
1775
+ category: "color",
1776
+ group: "focus",
1777
+ scope: "component",
1778
+ type: "color",
1779
+ item: "focus",
1780
+ subitem: "default",
1781
+ names: {
1782
+ scss: "$calcite-color-focus",
1783
+ css: "var(--calcite-color-focus)",
1784
+ js: "semantic.color.focus.default",
1785
+ docs: "semantic.color.focus.default",
1786
+ es6: "calciteColorFocus",
1787
+ },
1788
+ "calcite-schema": {
1789
+ system: "calcite",
1790
+ tier: "color",
1791
+ type: "color",
1792
+ },
1793
+ },
1794
+ filePath: "src/tokens/semantic/color/dark.json",
1795
+ isSource: true,
1796
+ original: {
1797
+ value: "{semantic.color.brand.default.default}",
1798
+ type: "color",
1799
+ attributes: {
1800
+ category: "color",
1801
+ group: "focus",
1802
+ scope: "component",
1803
+ },
1804
+ key: "{semantic.color.focus.default}",
1805
+ },
1806
+ name: "calciteColorFocus",
1807
+ path: ["semantic", "color", "focus", "default"],
1808
+ },
1809
+ },
1648
1810
  },
1649
1811
  },
1650
1812
  };