@esri/calcite-design-tokens 3.2.0-next.4 → 3.2.0-next.5

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 +230 -132
  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 +554 -352
  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/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,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, 160, 255, 0.4)",
645
683
  attributes: {
646
684
  category: "color",
685
+ group: "brand",
647
686
  type: "color",
648
687
  item: "brand",
649
688
  subitem: "underline",
@@ -667,6 +706,7 @@ export default {
667
706
  value: "rgba({core.color.dark.blue.d-bb-420}, {core.opacity.40})",
668
707
  attributes: {
669
708
  category: "color",
709
+ group: "brand",
670
710
  },
671
711
  key: "{semantic.color.brand.underline}",
672
712
  },
@@ -682,6 +722,8 @@ export default {
682
722
  type: "color",
683
723
  attributes: {
684
724
  category: "color",
725
+ group: "status",
726
+ kind: "info",
685
727
  type: "color",
686
728
  item: "status",
687
729
  subitem: "info",
@@ -706,6 +748,8 @@ export default {
706
748
  type: "color",
707
749
  attributes: {
708
750
  category: "color",
751
+ group: "status",
752
+ kind: "info",
709
753
  },
710
754
  key: "{semantic.color.status.info.default}",
711
755
  },
@@ -718,6 +762,8 @@ export default {
718
762
  type: "color",
719
763
  attributes: {
720
764
  category: "color",
765
+ group: "status",
766
+ kind: "info",
721
767
  type: "color",
722
768
  item: "status",
723
769
  subitem: "info",
@@ -742,6 +788,8 @@ export default {
742
788
  type: "color",
743
789
  attributes: {
744
790
  category: "color",
791
+ group: "status",
792
+ kind: "info",
745
793
  },
746
794
  key: "{semantic.color.status.info.hover}",
747
795
  },
@@ -754,6 +802,8 @@ export default {
754
802
  type: "color",
755
803
  attributes: {
756
804
  category: "color",
805
+ group: "status",
806
+ kind: "info",
757
807
  type: "color",
758
808
  item: "status",
759
809
  subitem: "info",
@@ -778,6 +828,8 @@ export default {
778
828
  type: "color",
779
829
  attributes: {
780
830
  category: "color",
831
+ group: "status",
832
+ kind: "info",
781
833
  },
782
834
  key: "{semantic.color.status.info.press}",
783
835
  },
@@ -792,6 +844,8 @@ export default {
792
844
  type: "color",
793
845
  attributes: {
794
846
  category: "color",
847
+ group: "status",
848
+ kind: "success",
795
849
  type: "color",
796
850
  item: "status",
797
851
  subitem: "success",
@@ -816,6 +870,8 @@ export default {
816
870
  type: "color",
817
871
  attributes: {
818
872
  category: "color",
873
+ group: "status",
874
+ kind: "success",
819
875
  },
820
876
  key: "{semantic.color.status.success.default}",
821
877
  },
@@ -828,6 +884,8 @@ export default {
828
884
  type: "color",
829
885
  attributes: {
830
886
  category: "color",
887
+ group: "status",
888
+ kind: "success",
831
889
  type: "color",
832
890
  item: "status",
833
891
  subitem: "success",
@@ -852,6 +910,8 @@ export default {
852
910
  type: "color",
853
911
  attributes: {
854
912
  category: "color",
913
+ group: "status",
914
+ kind: "success",
855
915
  },
856
916
  key: "{semantic.color.status.success.hover}",
857
917
  },
@@ -862,18 +922,10 @@ export default {
862
922
  key: "{semantic.color.status.success.press}",
863
923
  value: "#00b81b",
864
924
  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
925
  attributes: {
876
- category: "semantic",
926
+ category: "color",
927
+ group: "status",
928
+ kind: "success",
877
929
  type: "color",
878
930
  item: "status",
879
931
  subitem: "success",
@@ -891,6 +943,19 @@ export default {
891
943
  type: "color",
892
944
  },
893
945
  },
946
+ filePath: "src/tokens/semantic/color/dark.json",
947
+ isSource: true,
948
+ original: {
949
+ value: "{core.color.vibrant.green.v-gg-160}",
950
+ type: "color",
951
+ attributes: {
952
+ category: "color",
953
+ group: "status",
954
+ kind: "success",
955
+ },
956
+ key: "{semantic.color.status.success.press}",
957
+ },
958
+ name: "calciteColorStatusSuccessPress",
894
959
  path: ["semantic", "color", "status", "success", "press"],
895
960
  },
896
961
  },
@@ -901,6 +966,8 @@ export default {
901
966
  type: "color",
902
967
  attributes: {
903
968
  category: "color",
969
+ group: "status",
970
+ kind: "warning",
904
971
  type: "color",
905
972
  item: "status",
906
973
  subitem: "warning",
@@ -925,6 +992,8 @@ export default {
925
992
  type: "color",
926
993
  attributes: {
927
994
  category: "color",
995
+ group: "status",
996
+ kind: "warning",
928
997
  },
929
998
  key: "{semantic.color.status.warning.default}",
930
999
  },
@@ -937,6 +1006,8 @@ export default {
937
1006
  type: "color",
938
1007
  attributes: {
939
1008
  category: "color",
1009
+ group: "status",
1010
+ kind: "warning",
940
1011
  type: "color",
941
1012
  item: "status",
942
1013
  subitem: "warning",
@@ -961,6 +1032,8 @@ export default {
961
1032
  type: "color",
962
1033
  attributes: {
963
1034
  category: "color",
1035
+ group: "status",
1036
+ kind: "warning",
964
1037
  },
965
1038
  key: "{semantic.color.status.warning.hover}",
966
1039
  },
@@ -971,18 +1044,10 @@ export default {
971
1044
  key: "{semantic.color.status.warning.press}",
972
1045
  value: "#ff9500",
973
1046
  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
1047
  attributes: {
985
- category: "semantic",
1048
+ category: "color",
1049
+ group: "status",
1050
+ kind: "warning",
986
1051
  type: "color",
987
1052
  item: "status",
988
1053
  subitem: "warning",
@@ -1000,6 +1065,19 @@ export default {
1000
1065
  type: "color",
1001
1066
  },
1002
1067
  },
1068
+ filePath: "src/tokens/semantic/color/dark.json",
1069
+ isSource: true,
1070
+ original: {
1071
+ value: "{core.color.vibrant.orange-yellow.v-oy-140}",
1072
+ type: "color",
1073
+ attributes: {
1074
+ category: "color",
1075
+ group: "status",
1076
+ kind: "warning",
1077
+ },
1078
+ key: "{semantic.color.status.warning.press}",
1079
+ },
1080
+ name: "calciteColorStatusWarningPress",
1003
1081
  path: ["semantic", "color", "status", "warning", "press"],
1004
1082
  },
1005
1083
  },
@@ -1010,6 +1088,8 @@ export default {
1010
1088
  type: "color",
1011
1089
  attributes: {
1012
1090
  category: "color",
1091
+ group: "status",
1092
+ kind: "danger",
1013
1093
  type: "color",
1014
1094
  item: "status",
1015
1095
  subitem: "danger",
@@ -1034,6 +1114,8 @@ export default {
1034
1114
  type: "color",
1035
1115
  attributes: {
1036
1116
  category: "color",
1117
+ group: "status",
1118
+ kind: "danger",
1037
1119
  },
1038
1120
  key: "{semantic.color.status.danger.default}",
1039
1121
  },
@@ -1046,6 +1128,8 @@ export default {
1046
1128
  type: "color",
1047
1129
  attributes: {
1048
1130
  category: "color",
1131
+ group: "status",
1132
+ kind: "danger",
1049
1133
  type: "color",
1050
1134
  item: "status",
1051
1135
  subitem: "danger",
@@ -1070,6 +1154,8 @@ export default {
1070
1154
  type: "color",
1071
1155
  attributes: {
1072
1156
  category: "color",
1157
+ group: "status",
1158
+ kind: "danger",
1073
1159
  },
1074
1160
  key: "{semantic.color.status.danger.hover}",
1075
1161
  },
@@ -1082,6 +1168,8 @@ export default {
1082
1168
  type: "color",
1083
1169
  attributes: {
1084
1170
  category: "color",
1171
+ group: "status",
1172
+ kind: "danger",
1085
1173
  type: "color",
1086
1174
  item: "status",
1087
1175
  subitem: "danger",
@@ -1106,6 +1194,8 @@ export default {
1106
1194
  type: "color",
1107
1195
  attributes: {
1108
1196
  category: "color",
1197
+ group: "status",
1198
+ kind: "danger",
1109
1199
  },
1110
1200
  key: "{semantic.color.status.danger.press}",
1111
1201
  },
@@ -1121,6 +1211,7 @@ export default {
1121
1211
  type: "color",
1122
1212
  attributes: {
1123
1213
  category: "color",
1214
+ group: "inverse",
1124
1215
  type: "color",
1125
1216
  item: "inverse",
1126
1217
  subitem: "default",
@@ -1144,6 +1235,7 @@ export default {
1144
1235
  type: "color",
1145
1236
  attributes: {
1146
1237
  category: "color",
1238
+ group: "inverse",
1147
1239
  },
1148
1240
  key: "{semantic.color.inverse.default}",
1149
1241
  },
@@ -1156,6 +1248,7 @@ export default {
1156
1248
  type: "color",
1157
1249
  attributes: {
1158
1250
  category: "color",
1251
+ group: "inverse",
1159
1252
  type: "color",
1160
1253
  item: "inverse",
1161
1254
  subitem: "hover",
@@ -1179,6 +1272,7 @@ export default {
1179
1272
  type: "color",
1180
1273
  attributes: {
1181
1274
  category: "color",
1275
+ group: "inverse",
1182
1276
  },
1183
1277
  key: "{semantic.color.inverse.hover}",
1184
1278
  },
@@ -1191,6 +1285,7 @@ export default {
1191
1285
  type: "color",
1192
1286
  attributes: {
1193
1287
  category: "color",
1288
+ group: "inverse",
1194
1289
  type: "color",
1195
1290
  item: "inverse",
1196
1291
  subitem: "press",
@@ -1214,6 +1309,7 @@ export default {
1214
1309
  type: "color",
1215
1310
  attributes: {
1216
1311
  category: "color",
1312
+ group: "inverse",
1217
1313
  },
1218
1314
  key: "{semantic.color.inverse.press}",
1219
1315
  },
@@ -1228,6 +1324,7 @@ export default {
1228
1324
  type: "color",
1229
1325
  attributes: {
1230
1326
  category: "color",
1327
+ group: "text",
1231
1328
  type: "color",
1232
1329
  item: "text",
1233
1330
  subitem: "1",
@@ -1251,6 +1348,7 @@ export default {
1251
1348
  type: "color",
1252
1349
  attributes: {
1253
1350
  category: "color",
1351
+ group: "text",
1254
1352
  },
1255
1353
  key: "{semantic.color.text.1}",
1256
1354
  },
@@ -1263,6 +1361,7 @@ export default {
1263
1361
  type: "color",
1264
1362
  attributes: {
1265
1363
  category: "color",
1364
+ group: "text",
1266
1365
  type: "color",
1267
1366
  item: "text",
1268
1367
  subitem: "2",
@@ -1286,6 +1385,7 @@ export default {
1286
1385
  type: "color",
1287
1386
  attributes: {
1288
1387
  category: "color",
1388
+ group: "text",
1289
1389
  },
1290
1390
  key: "{semantic.color.text.2}",
1291
1391
  },
@@ -1298,6 +1398,7 @@ export default {
1298
1398
  type: "color",
1299
1399
  attributes: {
1300
1400
  category: "color",
1401
+ group: "text",
1301
1402
  type: "color",
1302
1403
  item: "text",
1303
1404
  subitem: "3",
@@ -1321,6 +1422,7 @@ export default {
1321
1422
  type: "color",
1322
1423
  attributes: {
1323
1424
  category: "color",
1425
+ group: "text",
1324
1426
  },
1325
1427
  key: "{semantic.color.text.3}",
1326
1428
  },
@@ -1333,6 +1435,7 @@ export default {
1333
1435
  type: "color",
1334
1436
  attributes: {
1335
1437
  category: "color",
1438
+ group: "text",
1336
1439
  type: "color",
1337
1440
  item: "text",
1338
1441
  subitem: "highlight",
@@ -1356,6 +1459,7 @@ export default {
1356
1459
  type: "color",
1357
1460
  attributes: {
1358
1461
  category: "color",
1462
+ group: "text",
1359
1463
  },
1360
1464
  key: "{semantic.color.text.highlight}",
1361
1465
  },
@@ -1368,6 +1472,7 @@ export default {
1368
1472
  type: "color",
1369
1473
  attributes: {
1370
1474
  category: "color",
1475
+ group: "text",
1371
1476
  type: "color",
1372
1477
  item: "text",
1373
1478
  subitem: "inverse",
@@ -1391,6 +1496,7 @@ export default {
1391
1496
  type: "color",
1392
1497
  attributes: {
1393
1498
  category: "color",
1499
+ group: "text",
1394
1500
  },
1395
1501
  key: "{semantic.color.text.inverse}",
1396
1502
  },
@@ -1403,6 +1509,7 @@ export default {
1403
1509
  type: "color",
1404
1510
  attributes: {
1405
1511
  category: "color",
1512
+ group: "text",
1406
1513
  type: "color",
1407
1514
  item: "text",
1408
1515
  subitem: "link",
@@ -1426,6 +1533,7 @@ export default {
1426
1533
  type: "color",
1427
1534
  attributes: {
1428
1535
  category: "color",
1536
+ group: "text",
1429
1537
  },
1430
1538
  key: "{semantic.color.text.link}",
1431
1539
  },
@@ -1440,6 +1548,7 @@ export default {
1440
1548
  type: "color",
1441
1549
  attributes: {
1442
1550
  category: "color",
1551
+ group: "border",
1443
1552
  type: "color",
1444
1553
  item: "border",
1445
1554
  subitem: "1",
@@ -1463,6 +1572,7 @@ export default {
1463
1572
  type: "color",
1464
1573
  attributes: {
1465
1574
  category: "color",
1575
+ group: "border",
1466
1576
  },
1467
1577
  key: "{semantic.color.border.1}",
1468
1578
  },
@@ -1475,6 +1585,7 @@ export default {
1475
1585
  type: "color",
1476
1586
  attributes: {
1477
1587
  category: "color",
1588
+ group: "border",
1478
1589
  type: "color",
1479
1590
  item: "border",
1480
1591
  subitem: "2",
@@ -1498,6 +1609,7 @@ export default {
1498
1609
  type: "color",
1499
1610
  attributes: {
1500
1611
  category: "color",
1612
+ group: "border",
1501
1613
  },
1502
1614
  key: "{semantic.color.border.2}",
1503
1615
  },
@@ -1510,6 +1622,7 @@ export default {
1510
1622
  type: "color",
1511
1623
  attributes: {
1512
1624
  category: "color",
1625
+ group: "border",
1513
1626
  type: "color",
1514
1627
  item: "border",
1515
1628
  subitem: "3",
@@ -1533,6 +1646,7 @@ export default {
1533
1646
  type: "color",
1534
1647
  attributes: {
1535
1648
  category: "color",
1649
+ group: "border",
1536
1650
  },
1537
1651
  key: "{semantic.color.border.3}",
1538
1652
  },
@@ -1545,6 +1659,7 @@ export default {
1545
1659
  type: "color",
1546
1660
  attributes: {
1547
1661
  category: "color",
1662
+ group: "border",
1548
1663
  type: "color",
1549
1664
  item: "border",
1550
1665
  subitem: "input",
@@ -1568,6 +1683,7 @@ export default {
1568
1683
  type: "color",
1569
1684
  attributes: {
1570
1685
  category: "color",
1686
+ group: "border",
1571
1687
  },
1572
1688
  key: "{semantic.color.border.input}",
1573
1689
  },
@@ -1580,6 +1696,7 @@ export default {
1580
1696
  type: "color",
1581
1697
  attributes: {
1582
1698
  category: "color",
1699
+ group: "border",
1583
1700
  type: "color",
1584
1701
  item: "border",
1585
1702
  subitem: "ghost",
@@ -1603,6 +1720,7 @@ export default {
1603
1720
  type: "color",
1604
1721
  attributes: {
1605
1722
  category: "color",
1723
+ group: "border",
1606
1724
  },
1607
1725
  key: "{semantic.color.border.ghost}",
1608
1726
  },
@@ -1615,6 +1733,7 @@ export default {
1615
1733
  type: "color",
1616
1734
  attributes: {
1617
1735
  category: "color",
1736
+ group: "border",
1618
1737
  type: "color",
1619
1738
  item: "border",
1620
1739
  subitem: "white",
@@ -1638,6 +1757,7 @@ export default {
1638
1757
  type: "color",
1639
1758
  attributes: {
1640
1759
  category: "color",
1760
+ group: "border",
1641
1761
  },
1642
1762
  key: "{semantic.color.border.white}",
1643
1763
  },
@@ -1652,6 +1772,7 @@ export default {
1652
1772
  type: "color",
1653
1773
  attributes: {
1654
1774
  category: "color",
1775
+ group: "focus",
1655
1776
  scope: "component",
1656
1777
  type: "color",
1657
1778
  item: "focus",
@@ -1676,6 +1797,7 @@ export default {
1676
1797
  type: "color",
1677
1798
  attributes: {
1678
1799
  category: "color",
1800
+ group: "focus",
1679
1801
  scope: "component",
1680
1802
  },
1681
1803
  key: "{semantic.color.focus.default}",