@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.
Files changed (13) hide show
  1. package/dist/docs/core.json +464 -1
  2. package/dist/docs/dark.json +69 -11
  3. package/dist/docs/global.json +250 -152
  4. package/dist/docs/light.json +61 -1
  5. package/dist/docs/semantic.json +114 -76
  6. package/dist/js/core.js +926 -0
  7. package/dist/js/dark.js +144 -22
  8. package/dist/js/global.d.ts +8 -10
  9. package/dist/js/global.js +574 -372
  10. package/dist/js/light.js +120 -0
  11. package/dist/js/semantic.d.ts +8 -10
  12. package/dist/js/semantic.js +322 -240
  13. package/package.json +2 -2
package/dist/js/light.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,6 +200,7 @@ 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",
@@ -225,6 +236,7 @@ export default {
225
236
  type: "color",
226
237
  attributes: {
227
238
  category: "color",
239
+ group: "foreground",
228
240
  },
229
241
  description:
230
242
  "deprecated, use --calcite-color-foreground-highlight instead",
@@ -241,6 +253,7 @@ export default {
241
253
  type: "color",
242
254
  attributes: {
243
255
  category: "color",
256
+ group: "foreground",
244
257
  type: "color",
245
258
  item: "foreground",
246
259
  subitem: "highlight",
@@ -264,6 +277,7 @@ export default {
264
277
  type: "color",
265
278
  attributes: {
266
279
  category: "color",
280
+ group: "foreground",
267
281
  },
268
282
  key: "{semantic.color.foreground.highlight}",
269
283
  },
@@ -279,6 +293,7 @@ export default {
279
293
  type: "color",
280
294
  attributes: {
281
295
  category: "color",
296
+ group: "transparent",
282
297
  type: "color",
283
298
  item: "transparent",
284
299
  subitem: "default",
@@ -303,6 +318,7 @@ export default {
303
318
  type: "color",
304
319
  attributes: {
305
320
  category: "color",
321
+ group: "transparent",
306
322
  },
307
323
  key: "{semantic.color.transparent.default.default}",
308
324
  },
@@ -315,6 +331,7 @@ export default {
315
331
  type: "color",
316
332
  attributes: {
317
333
  category: "color",
334
+ group: "transparent",
318
335
  type: "color",
319
336
  item: "transparent",
320
337
  subitem: "default",
@@ -339,6 +356,7 @@ export default {
339
356
  type: "color",
340
357
  attributes: {
341
358
  category: "color",
359
+ group: "transparent",
342
360
  },
343
361
  key: "{semantic.color.transparent.default.hover}",
344
362
  },
@@ -351,6 +369,7 @@ export default {
351
369
  type: "color",
352
370
  attributes: {
353
371
  category: "color",
372
+ group: "transparent",
354
373
  type: "color",
355
374
  item: "transparent",
356
375
  subitem: "default",
@@ -375,6 +394,7 @@ export default {
375
394
  type: "color",
376
395
  attributes: {
377
396
  category: "color",
397
+ group: "transparent",
378
398
  },
379
399
  key: "{semantic.color.transparent.default.press}",
380
400
  },
@@ -389,6 +409,8 @@ export default {
389
409
  type: "color",
390
410
  attributes: {
391
411
  category: "color",
412
+ group: "transparent",
413
+ kind: "inverse",
392
414
  type: "color",
393
415
  item: "transparent",
394
416
  subitem: "inverse",
@@ -413,6 +435,8 @@ export default {
413
435
  type: "color",
414
436
  attributes: {
415
437
  category: "color",
438
+ group: "transparent",
439
+ kind: "inverse",
416
440
  },
417
441
  key: "{semantic.color.transparent.inverse.hover}",
418
442
  },
@@ -425,6 +449,8 @@ export default {
425
449
  type: "color",
426
450
  attributes: {
427
451
  category: "color",
452
+ group: "transparent",
453
+ kind: "inverse",
428
454
  type: "color",
429
455
  item: "transparent",
430
456
  subitem: "inverse",
@@ -449,6 +475,8 @@ export default {
449
475
  type: "color",
450
476
  attributes: {
451
477
  category: "color",
478
+ group: "transparent",
479
+ kind: "inverse",
452
480
  },
453
481
  key: "{semantic.color.transparent.inverse.press}",
454
482
  },
@@ -462,6 +490,7 @@ export default {
462
490
  type: "color",
463
491
  attributes: {
464
492
  category: "color",
493
+ group: "transparent",
465
494
  type: "color",
466
495
  item: "transparent",
467
496
  subitem: "scrim",
@@ -485,6 +514,7 @@ export default {
485
514
  type: "color",
486
515
  attributes: {
487
516
  category: "color",
517
+ group: "transparent",
488
518
  },
489
519
  key: "{semantic.color.transparent.scrim}",
490
520
  },
@@ -497,6 +527,7 @@ export default {
497
527
  type: "color",
498
528
  attributes: {
499
529
  category: "color",
530
+ group: "transparent",
500
531
  type: "color",
501
532
  item: "transparent",
502
533
  subitem: "tint",
@@ -520,6 +551,7 @@ export default {
520
551
  type: "color",
521
552
  attributes: {
522
553
  category: "color",
554
+ group: "transparent",
523
555
  },
524
556
  key: "{semantic.color.transparent.tint}",
525
557
  },
@@ -535,6 +567,7 @@ export default {
535
567
  type: "color",
536
568
  attributes: {
537
569
  category: "color",
570
+ group: "brand",
538
571
  type: "color",
539
572
  item: "brand",
540
573
  subitem: "default",
@@ -559,6 +592,7 @@ export default {
559
592
  type: "color",
560
593
  attributes: {
561
594
  category: "color",
595
+ group: "brand",
562
596
  },
563
597
  key: "{semantic.color.brand.default.default}",
564
598
  },
@@ -571,6 +605,7 @@ export default {
571
605
  type: "color",
572
606
  attributes: {
573
607
  category: "color",
608
+ group: "brand",
574
609
  type: "color",
575
610
  item: "brand",
576
611
  subitem: "default",
@@ -595,6 +630,7 @@ export default {
595
630
  type: "color",
596
631
  attributes: {
597
632
  category: "color",
633
+ group: "brand",
598
634
  },
599
635
  key: "{semantic.color.brand.default.hover}",
600
636
  },
@@ -607,6 +643,7 @@ export default {
607
643
  type: "color",
608
644
  attributes: {
609
645
  category: "color",
646
+ group: "brand",
610
647
  type: "color",
611
648
  item: "brand",
612
649
  subitem: "default",
@@ -631,6 +668,7 @@ export default {
631
668
  type: "color",
632
669
  attributes: {
633
670
  category: "color",
671
+ group: "brand",
634
672
  },
635
673
  key: "{semantic.color.brand.default.press}",
636
674
  },
@@ -644,6 +682,7 @@ export default {
644
682
  value: "rgba(0, 97, 155, 0.4)",
645
683
  attributes: {
646
684
  category: "color",
685
+ group: "brand",
647
686
  type: "color",
648
687
  item: "brand",
649
688
  subitem: "underline",
@@ -668,6 +707,7 @@ export default {
668
707
  "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})",
669
708
  attributes: {
670
709
  category: "color",
710
+ group: "brand",
671
711
  },
672
712
  key: "{semantic.color.brand.underline}",
673
713
  },
@@ -683,6 +723,8 @@ export default {
683
723
  type: "color",
684
724
  attributes: {
685
725
  category: "color",
726
+ group: "status",
727
+ kind: "info",
686
728
  type: "color",
687
729
  item: "status",
688
730
  subitem: "info",
@@ -707,6 +749,8 @@ export default {
707
749
  type: "color",
708
750
  attributes: {
709
751
  category: "color",
752
+ group: "status",
753
+ kind: "info",
710
754
  },
711
755
  key: "{semantic.color.status.info.default}",
712
756
  },
@@ -719,6 +763,8 @@ export default {
719
763
  type: "color",
720
764
  attributes: {
721
765
  category: "color",
766
+ group: "status",
767
+ kind: "info",
722
768
  type: "color",
723
769
  item: "status",
724
770
  subitem: "info",
@@ -743,6 +789,8 @@ export default {
743
789
  type: "color",
744
790
  attributes: {
745
791
  category: "color",
792
+ group: "status",
793
+ kind: "info",
746
794
  },
747
795
  key: "{semantic.color.status.info.hover}",
748
796
  },
@@ -755,6 +803,8 @@ export default {
755
803
  type: "color",
756
804
  attributes: {
757
805
  category: "color",
806
+ group: "status",
807
+ kind: "info",
758
808
  type: "color",
759
809
  item: "status",
760
810
  subitem: "info",
@@ -779,6 +829,8 @@ export default {
779
829
  type: "color",
780
830
  attributes: {
781
831
  category: "color",
832
+ group: "status",
833
+ kind: "info",
782
834
  },
783
835
  key: "{semantic.color.status.info.press}",
784
836
  },
@@ -793,6 +845,8 @@ export default {
793
845
  type: "color",
794
846
  attributes: {
795
847
  category: "color",
848
+ group: "status",
849
+ kind: "success",
796
850
  type: "color",
797
851
  item: "status",
798
852
  subitem: "success",
@@ -817,6 +871,8 @@ export default {
817
871
  type: "color",
818
872
  attributes: {
819
873
  category: "color",
874
+ group: "status",
875
+ kind: "success",
820
876
  },
821
877
  key: "{semantic.color.status.success.default}",
822
878
  },
@@ -829,6 +885,8 @@ export default {
829
885
  type: "color",
830
886
  attributes: {
831
887
  category: "color",
888
+ group: "status",
889
+ kind: "success",
832
890
  type: "color",
833
891
  item: "status",
834
892
  subitem: "success",
@@ -853,6 +911,8 @@ export default {
853
911
  type: "color",
854
912
  attributes: {
855
913
  category: "color",
914
+ group: "status",
915
+ kind: "success",
856
916
  },
857
917
  key: "{semantic.color.status.success.hover}",
858
918
  },
@@ -865,6 +925,8 @@ export default {
865
925
  type: "color",
866
926
  attributes: {
867
927
  category: "color",
928
+ group: "status",
929
+ kind: "success",
868
930
  type: "color",
869
931
  item: "status",
870
932
  subitem: "success",
@@ -889,6 +951,8 @@ export default {
889
951
  type: "color",
890
952
  attributes: {
891
953
  category: "color",
954
+ group: "status",
955
+ kind: "success",
892
956
  },
893
957
  key: "{semantic.color.status.success.press}",
894
958
  },
@@ -903,6 +967,8 @@ export default {
903
967
  type: "color",
904
968
  attributes: {
905
969
  category: "color",
970
+ group: "status",
971
+ kind: "warning",
906
972
  type: "color",
907
973
  item: "status",
908
974
  subitem: "warning",
@@ -927,6 +993,8 @@ export default {
927
993
  type: "color",
928
994
  attributes: {
929
995
  category: "color",
996
+ group: "status",
997
+ kind: "warning",
930
998
  },
931
999
  key: "{semantic.color.status.warning.default}",
932
1000
  },
@@ -939,6 +1007,8 @@ export default {
939
1007
  type: "color",
940
1008
  attributes: {
941
1009
  category: "color",
1010
+ group: "status",
1011
+ kind: "warning",
942
1012
  type: "color",
943
1013
  item: "status",
944
1014
  subitem: "warning",
@@ -963,6 +1033,8 @@ export default {
963
1033
  type: "color",
964
1034
  attributes: {
965
1035
  category: "color",
1036
+ group: "status",
1037
+ kind: "warning",
966
1038
  },
967
1039
  key: "{semantic.color.status.warning.hover}",
968
1040
  },
@@ -975,6 +1047,8 @@ export default {
975
1047
  type: "color",
976
1048
  attributes: {
977
1049
  category: "color",
1050
+ group: "status",
1051
+ kind: "warning",
978
1052
  type: "color",
979
1053
  item: "status",
980
1054
  subitem: "warning",
@@ -999,6 +1073,8 @@ export default {
999
1073
  type: "color",
1000
1074
  attributes: {
1001
1075
  category: "color",
1076
+ group: "status",
1077
+ kind: "warning",
1002
1078
  },
1003
1079
  key: "{semantic.color.status.warning.press}",
1004
1080
  },
@@ -1013,6 +1089,8 @@ export default {
1013
1089
  type: "color",
1014
1090
  attributes: {
1015
1091
  category: "color",
1092
+ group: "status",
1093
+ kind: "danger",
1016
1094
  type: "color",
1017
1095
  item: "status",
1018
1096
  subitem: "danger",
@@ -1037,6 +1115,8 @@ export default {
1037
1115
  type: "color",
1038
1116
  attributes: {
1039
1117
  category: "color",
1118
+ group: "status",
1119
+ kind: "danger",
1040
1120
  },
1041
1121
  key: "{semantic.color.status.danger.default}",
1042
1122
  },
@@ -1049,6 +1129,8 @@ export default {
1049
1129
  type: "color",
1050
1130
  attributes: {
1051
1131
  category: "color",
1132
+ group: "status",
1133
+ kind: "danger",
1052
1134
  type: "color",
1053
1135
  item: "status",
1054
1136
  subitem: "danger",
@@ -1073,6 +1155,8 @@ export default {
1073
1155
  type: "color",
1074
1156
  attributes: {
1075
1157
  category: "color",
1158
+ group: "status",
1159
+ kind: "danger",
1076
1160
  },
1077
1161
  key: "{semantic.color.status.danger.hover}",
1078
1162
  },
@@ -1085,6 +1169,8 @@ export default {
1085
1169
  type: "color",
1086
1170
  attributes: {
1087
1171
  category: "color",
1172
+ group: "status",
1173
+ kind: "danger",
1088
1174
  type: "color",
1089
1175
  item: "status",
1090
1176
  subitem: "danger",
@@ -1109,6 +1195,8 @@ export default {
1109
1195
  type: "color",
1110
1196
  attributes: {
1111
1197
  category: "color",
1198
+ group: "status",
1199
+ kind: "danger",
1112
1200
  },
1113
1201
  key: "{semantic.color.status.danger.press}",
1114
1202
  },
@@ -1124,6 +1212,7 @@ export default {
1124
1212
  type: "color",
1125
1213
  attributes: {
1126
1214
  category: "color",
1215
+ group: "inverse",
1127
1216
  type: "color",
1128
1217
  item: "inverse",
1129
1218
  subitem: "default",
@@ -1147,6 +1236,7 @@ export default {
1147
1236
  type: "color",
1148
1237
  attributes: {
1149
1238
  category: "color",
1239
+ group: "inverse",
1150
1240
  },
1151
1241
  key: "{semantic.color.inverse.default}",
1152
1242
  },
@@ -1159,6 +1249,7 @@ export default {
1159
1249
  type: "color",
1160
1250
  attributes: {
1161
1251
  category: "color",
1252
+ group: "inverse",
1162
1253
  type: "color",
1163
1254
  item: "inverse",
1164
1255
  subitem: "hover",
@@ -1182,6 +1273,7 @@ export default {
1182
1273
  type: "color",
1183
1274
  attributes: {
1184
1275
  category: "color",
1276
+ group: "inverse",
1185
1277
  },
1186
1278
  key: "{semantic.color.inverse.hover}",
1187
1279
  },
@@ -1194,6 +1286,7 @@ export default {
1194
1286
  type: "color",
1195
1287
  attributes: {
1196
1288
  category: "color",
1289
+ group: "inverse",
1197
1290
  type: "color",
1198
1291
  item: "inverse",
1199
1292
  subitem: "press",
@@ -1217,6 +1310,7 @@ export default {
1217
1310
  type: "color",
1218
1311
  attributes: {
1219
1312
  category: "color",
1313
+ group: "inverse",
1220
1314
  },
1221
1315
  key: "{semantic.color.inverse.press}",
1222
1316
  },
@@ -1231,6 +1325,7 @@ export default {
1231
1325
  type: "color",
1232
1326
  attributes: {
1233
1327
  category: "color",
1328
+ group: "text",
1234
1329
  type: "color",
1235
1330
  item: "text",
1236
1331
  subitem: "1",
@@ -1254,6 +1349,7 @@ export default {
1254
1349
  type: "color",
1255
1350
  attributes: {
1256
1351
  category: "color",
1352
+ group: "text",
1257
1353
  },
1258
1354
  key: "{semantic.color.text.1}",
1259
1355
  },
@@ -1266,6 +1362,7 @@ export default {
1266
1362
  type: "color",
1267
1363
  attributes: {
1268
1364
  category: "color",
1365
+ group: "text",
1269
1366
  type: "color",
1270
1367
  item: "text",
1271
1368
  subitem: "2",
@@ -1289,6 +1386,7 @@ export default {
1289
1386
  type: "color",
1290
1387
  attributes: {
1291
1388
  category: "color",
1389
+ group: "text",
1292
1390
  },
1293
1391
  key: "{semantic.color.text.2}",
1294
1392
  },
@@ -1301,6 +1399,7 @@ export default {
1301
1399
  type: "color",
1302
1400
  attributes: {
1303
1401
  category: "color",
1402
+ group: "text",
1304
1403
  type: "color",
1305
1404
  item: "text",
1306
1405
  subitem: "3",
@@ -1324,6 +1423,7 @@ export default {
1324
1423
  type: "color",
1325
1424
  attributes: {
1326
1425
  category: "color",
1426
+ group: "text",
1327
1427
  },
1328
1428
  key: "{semantic.color.text.3}",
1329
1429
  },
@@ -1336,6 +1436,7 @@ export default {
1336
1436
  type: "color",
1337
1437
  attributes: {
1338
1438
  category: "color",
1439
+ group: "text",
1339
1440
  type: "color",
1340
1441
  item: "text",
1341
1442
  subitem: "highlight",
@@ -1359,6 +1460,7 @@ export default {
1359
1460
  type: "color",
1360
1461
  attributes: {
1361
1462
  category: "color",
1463
+ group: "text",
1362
1464
  },
1363
1465
  key: "{semantic.color.text.highlight}",
1364
1466
  },
@@ -1371,6 +1473,7 @@ export default {
1371
1473
  type: "color",
1372
1474
  attributes: {
1373
1475
  category: "color",
1476
+ group: "text",
1374
1477
  type: "color",
1375
1478
  item: "text",
1376
1479
  subitem: "inverse",
@@ -1394,6 +1497,7 @@ export default {
1394
1497
  type: "color",
1395
1498
  attributes: {
1396
1499
  category: "color",
1500
+ group: "text",
1397
1501
  },
1398
1502
  key: "{semantic.color.text.inverse}",
1399
1503
  },
@@ -1406,6 +1510,7 @@ export default {
1406
1510
  type: "color",
1407
1511
  attributes: {
1408
1512
  category: "color",
1513
+ group: "text",
1409
1514
  type: "color",
1410
1515
  item: "text",
1411
1516
  subitem: "link",
@@ -1429,6 +1534,7 @@ export default {
1429
1534
  type: "color",
1430
1535
  attributes: {
1431
1536
  category: "color",
1537
+ group: "text",
1432
1538
  },
1433
1539
  key: "{semantic.color.text.link}",
1434
1540
  },
@@ -1443,6 +1549,7 @@ export default {
1443
1549
  type: "color",
1444
1550
  attributes: {
1445
1551
  category: "color",
1552
+ group: "border",
1446
1553
  type: "color",
1447
1554
  item: "border",
1448
1555
  subitem: "1",
@@ -1466,6 +1573,7 @@ export default {
1466
1573
  type: "color",
1467
1574
  attributes: {
1468
1575
  category: "color",
1576
+ group: "border",
1469
1577
  },
1470
1578
  key: "{semantic.color.border.1}",
1471
1579
  },
@@ -1478,6 +1586,7 @@ export default {
1478
1586
  type: "color",
1479
1587
  attributes: {
1480
1588
  category: "color",
1589
+ group: "border",
1481
1590
  type: "color",
1482
1591
  item: "border",
1483
1592
  subitem: "2",
@@ -1501,6 +1610,7 @@ export default {
1501
1610
  type: "color",
1502
1611
  attributes: {
1503
1612
  category: "color",
1613
+ group: "border",
1504
1614
  },
1505
1615
  key: "{semantic.color.border.2}",
1506
1616
  },
@@ -1513,6 +1623,7 @@ export default {
1513
1623
  type: "color",
1514
1624
  attributes: {
1515
1625
  category: "color",
1626
+ group: "border",
1516
1627
  type: "color",
1517
1628
  item: "border",
1518
1629
  subitem: "3",
@@ -1536,6 +1647,7 @@ export default {
1536
1647
  type: "color",
1537
1648
  attributes: {
1538
1649
  category: "color",
1650
+ group: "border",
1539
1651
  },
1540
1652
  key: "{semantic.color.border.3}",
1541
1653
  },
@@ -1548,6 +1660,7 @@ export default {
1548
1660
  type: "color",
1549
1661
  attributes: {
1550
1662
  category: "color",
1663
+ group: "border",
1551
1664
  type: "color",
1552
1665
  item: "border",
1553
1666
  subitem: "input",
@@ -1571,6 +1684,7 @@ export default {
1571
1684
  type: "color",
1572
1685
  attributes: {
1573
1686
  category: "color",
1687
+ group: "border",
1574
1688
  },
1575
1689
  key: "{semantic.color.border.input}",
1576
1690
  },
@@ -1583,6 +1697,7 @@ export default {
1583
1697
  type: "color",
1584
1698
  attributes: {
1585
1699
  category: "color",
1700
+ group: "border",
1586
1701
  type: "color",
1587
1702
  item: "border",
1588
1703
  subitem: "ghost",
@@ -1606,6 +1721,7 @@ export default {
1606
1721
  type: "color",
1607
1722
  attributes: {
1608
1723
  category: "color",
1724
+ group: "border",
1609
1725
  },
1610
1726
  key: "{semantic.color.border.ghost}",
1611
1727
  },
@@ -1618,6 +1734,7 @@ export default {
1618
1734
  type: "color",
1619
1735
  attributes: {
1620
1736
  category: "color",
1737
+ group: "border",
1621
1738
  type: "color",
1622
1739
  item: "border",
1623
1740
  subitem: "white",
@@ -1641,6 +1758,7 @@ export default {
1641
1758
  type: "color",
1642
1759
  attributes: {
1643
1760
  category: "color",
1761
+ group: "border",
1644
1762
  },
1645
1763
  key: "{semantic.color.border.white}",
1646
1764
  },
@@ -1655,6 +1773,7 @@ export default {
1655
1773
  type: "color",
1656
1774
  attributes: {
1657
1775
  category: "color",
1776
+ group: "focus",
1658
1777
  scope: "component",
1659
1778
  type: "color",
1660
1779
  item: "focus",
@@ -1679,6 +1798,7 @@ export default {
1679
1798
  type: "color",
1680
1799
  attributes: {
1681
1800
  category: "color",
1801
+ group: "focus",
1682
1802
  scope: "component",
1683
1803
  },
1684
1804
  key: "{semantic.color.focus.default}",