@esri/calcite-design-tokens 3.2.0-next.1 → 3.2.0-next.11

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 (31) hide show
  1. package/dist/css/dark.css +2 -2
  2. package/dist/css/index.css +10 -10
  3. package/dist/css/light.css +2 -2
  4. package/dist/css/semantic.css +0 -22
  5. package/dist/docs/core.json +464 -1
  6. package/dist/docs/dark.json +82 -24
  7. package/dist/docs/global.json +281 -183
  8. package/dist/docs/light.json +74 -14
  9. package/dist/docs/semantic.json +132 -572
  10. package/dist/es6/dark.d.ts +2 -2
  11. package/dist/es6/dark.js +2 -2
  12. package/dist/es6/global.d.ts +2 -2
  13. package/dist/es6/global.js +2 -2
  14. package/dist/es6/light.d.ts +2 -2
  15. package/dist/es6/light.js +2 -2
  16. package/dist/es6/semantic.d.ts +0 -24
  17. package/dist/es6/semantic.js +0 -12
  18. package/dist/js/core.js +926 -0
  19. package/dist/js/dark.d.ts +2 -2
  20. package/dist/js/dark.js +161 -38
  21. package/dist/js/global.d.ts +10 -10
  22. package/dist/js/global.js +627 -424
  23. package/dist/js/light.d.ts +2 -2
  24. package/dist/js/light.js +137 -16
  25. package/dist/js/semantic.d.ts +8 -26
  26. package/dist/js/semantic.js +358 -934
  27. package/dist/scss/dark.scss +2 -2
  28. package/dist/scss/index.scss +4 -4
  29. package/dist/scss/light.scss +2 -2
  30. package/dist/scss/semantic.scss +0 -22
  31. package/package.json +6 -6
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,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: "#d6efff",
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/light.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/light.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: "#d6efff",
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, 97, 155, 0.4)",
645
684
  attributes: {
646
685
  category: "color",
686
+ group: "brand",
647
687
  type: "color",
648
688
  item: "brand",
649
689
  subitem: "underline",
@@ -668,6 +708,7 @@ export default {
668
708
  "rgba({core.color.high-saturation.blue.h-bb-070}, {core.opacity.40})",
669
709
  attributes: {
670
710
  category: "color",
711
+ group: "brand",
671
712
  },
672
713
  key: "{semantic.color.brand.underline}",
673
714
  },
@@ -683,6 +724,8 @@ export default {
683
724
  type: "color",
684
725
  attributes: {
685
726
  category: "color",
727
+ group: "status",
728
+ kind: "info",
686
729
  type: "color",
687
730
  item: "status",
688
731
  subitem: "info",
@@ -707,6 +750,8 @@ export default {
707
750
  type: "color",
708
751
  attributes: {
709
752
  category: "color",
753
+ group: "status",
754
+ kind: "info",
710
755
  },
711
756
  key: "{semantic.color.status.info.default}",
712
757
  },
@@ -719,6 +764,8 @@ export default {
719
764
  type: "color",
720
765
  attributes: {
721
766
  category: "color",
767
+ group: "status",
768
+ kind: "info",
722
769
  type: "color",
723
770
  item: "status",
724
771
  subitem: "info",
@@ -743,6 +790,8 @@ export default {
743
790
  type: "color",
744
791
  attributes: {
745
792
  category: "color",
793
+ group: "status",
794
+ kind: "info",
746
795
  },
747
796
  key: "{semantic.color.status.info.hover}",
748
797
  },
@@ -755,6 +804,8 @@ export default {
755
804
  type: "color",
756
805
  attributes: {
757
806
  category: "color",
807
+ group: "status",
808
+ kind: "info",
758
809
  type: "color",
759
810
  item: "status",
760
811
  subitem: "info",
@@ -779,6 +830,8 @@ export default {
779
830
  type: "color",
780
831
  attributes: {
781
832
  category: "color",
833
+ group: "status",
834
+ kind: "info",
782
835
  },
783
836
  key: "{semantic.color.status.info.press}",
784
837
  },
@@ -793,6 +846,8 @@ export default {
793
846
  type: "color",
794
847
  attributes: {
795
848
  category: "color",
849
+ group: "status",
850
+ kind: "success",
796
851
  type: "color",
797
852
  item: "status",
798
853
  subitem: "success",
@@ -817,6 +872,8 @@ export default {
817
872
  type: "color",
818
873
  attributes: {
819
874
  category: "color",
875
+ group: "status",
876
+ kind: "success",
820
877
  },
821
878
  key: "{semantic.color.status.success.default}",
822
879
  },
@@ -829,6 +886,8 @@ export default {
829
886
  type: "color",
830
887
  attributes: {
831
888
  category: "color",
889
+ group: "status",
890
+ kind: "success",
832
891
  type: "color",
833
892
  item: "status",
834
893
  subitem: "success",
@@ -853,6 +912,8 @@ export default {
853
912
  type: "color",
854
913
  attributes: {
855
914
  category: "color",
915
+ group: "status",
916
+ kind: "success",
856
917
  },
857
918
  key: "{semantic.color.status.success.hover}",
858
919
  },
@@ -865,6 +926,8 @@ export default {
865
926
  type: "color",
866
927
  attributes: {
867
928
  category: "color",
929
+ group: "status",
930
+ kind: "success",
868
931
  type: "color",
869
932
  item: "status",
870
933
  subitem: "success",
@@ -889,6 +952,8 @@ export default {
889
952
  type: "color",
890
953
  attributes: {
891
954
  category: "color",
955
+ group: "status",
956
+ kind: "success",
892
957
  },
893
958
  key: "{semantic.color.status.success.press}",
894
959
  },
@@ -903,6 +968,8 @@ export default {
903
968
  type: "color",
904
969
  attributes: {
905
970
  category: "color",
971
+ group: "status",
972
+ kind: "warning",
906
973
  type: "color",
907
974
  item: "status",
908
975
  subitem: "warning",
@@ -927,6 +994,8 @@ export default {
927
994
  type: "color",
928
995
  attributes: {
929
996
  category: "color",
997
+ group: "status",
998
+ kind: "warning",
930
999
  },
931
1000
  key: "{semantic.color.status.warning.default}",
932
1001
  },
@@ -939,6 +1008,8 @@ export default {
939
1008
  type: "color",
940
1009
  attributes: {
941
1010
  category: "color",
1011
+ group: "status",
1012
+ kind: "warning",
942
1013
  type: "color",
943
1014
  item: "status",
944
1015
  subitem: "warning",
@@ -963,6 +1034,8 @@ export default {
963
1034
  type: "color",
964
1035
  attributes: {
965
1036
  category: "color",
1037
+ group: "status",
1038
+ kind: "warning",
966
1039
  },
967
1040
  key: "{semantic.color.status.warning.hover}",
968
1041
  },
@@ -975,6 +1048,8 @@ export default {
975
1048
  type: "color",
976
1049
  attributes: {
977
1050
  category: "color",
1051
+ group: "status",
1052
+ kind: "warning",
978
1053
  type: "color",
979
1054
  item: "status",
980
1055
  subitem: "warning",
@@ -999,6 +1074,8 @@ export default {
999
1074
  type: "color",
1000
1075
  attributes: {
1001
1076
  category: "color",
1077
+ group: "status",
1078
+ kind: "warning",
1002
1079
  },
1003
1080
  key: "{semantic.color.status.warning.press}",
1004
1081
  },
@@ -1013,6 +1090,8 @@ export default {
1013
1090
  type: "color",
1014
1091
  attributes: {
1015
1092
  category: "color",
1093
+ group: "status",
1094
+ kind: "danger",
1016
1095
  type: "color",
1017
1096
  item: "status",
1018
1097
  subitem: "danger",
@@ -1037,6 +1116,8 @@ export default {
1037
1116
  type: "color",
1038
1117
  attributes: {
1039
1118
  category: "color",
1119
+ group: "status",
1120
+ kind: "danger",
1040
1121
  },
1041
1122
  key: "{semantic.color.status.danger.default}",
1042
1123
  },
@@ -1049,6 +1130,8 @@ export default {
1049
1130
  type: "color",
1050
1131
  attributes: {
1051
1132
  category: "color",
1133
+ group: "status",
1134
+ kind: "danger",
1052
1135
  type: "color",
1053
1136
  item: "status",
1054
1137
  subitem: "danger",
@@ -1073,6 +1156,8 @@ export default {
1073
1156
  type: "color",
1074
1157
  attributes: {
1075
1158
  category: "color",
1159
+ group: "status",
1160
+ kind: "danger",
1076
1161
  },
1077
1162
  key: "{semantic.color.status.danger.hover}",
1078
1163
  },
@@ -1085,6 +1170,8 @@ export default {
1085
1170
  type: "color",
1086
1171
  attributes: {
1087
1172
  category: "color",
1173
+ group: "status",
1174
+ kind: "danger",
1088
1175
  type: "color",
1089
1176
  item: "status",
1090
1177
  subitem: "danger",
@@ -1109,6 +1196,8 @@ export default {
1109
1196
  type: "color",
1110
1197
  attributes: {
1111
1198
  category: "color",
1199
+ group: "status",
1200
+ kind: "danger",
1112
1201
  },
1113
1202
  key: "{semantic.color.status.danger.press}",
1114
1203
  },
@@ -1124,6 +1213,7 @@ export default {
1124
1213
  type: "color",
1125
1214
  attributes: {
1126
1215
  category: "color",
1216
+ group: "inverse",
1127
1217
  type: "color",
1128
1218
  item: "inverse",
1129
1219
  subitem: "default",
@@ -1147,6 +1237,7 @@ export default {
1147
1237
  type: "color",
1148
1238
  attributes: {
1149
1239
  category: "color",
1240
+ group: "inverse",
1150
1241
  },
1151
1242
  key: "{semantic.color.inverse.default}",
1152
1243
  },
@@ -1159,6 +1250,7 @@ export default {
1159
1250
  type: "color",
1160
1251
  attributes: {
1161
1252
  category: "color",
1253
+ group: "inverse",
1162
1254
  type: "color",
1163
1255
  item: "inverse",
1164
1256
  subitem: "hover",
@@ -1182,6 +1274,7 @@ export default {
1182
1274
  type: "color",
1183
1275
  attributes: {
1184
1276
  category: "color",
1277
+ group: "inverse",
1185
1278
  },
1186
1279
  key: "{semantic.color.inverse.hover}",
1187
1280
  },
@@ -1194,6 +1287,7 @@ export default {
1194
1287
  type: "color",
1195
1288
  attributes: {
1196
1289
  category: "color",
1290
+ group: "inverse",
1197
1291
  type: "color",
1198
1292
  item: "inverse",
1199
1293
  subitem: "press",
@@ -1217,6 +1311,7 @@ export default {
1217
1311
  type: "color",
1218
1312
  attributes: {
1219
1313
  category: "color",
1314
+ group: "inverse",
1220
1315
  },
1221
1316
  key: "{semantic.color.inverse.press}",
1222
1317
  },
@@ -1231,6 +1326,7 @@ export default {
1231
1326
  type: "color",
1232
1327
  attributes: {
1233
1328
  category: "color",
1329
+ group: "text",
1234
1330
  type: "color",
1235
1331
  item: "text",
1236
1332
  subitem: "1",
@@ -1254,6 +1350,7 @@ export default {
1254
1350
  type: "color",
1255
1351
  attributes: {
1256
1352
  category: "color",
1353
+ group: "text",
1257
1354
  },
1258
1355
  key: "{semantic.color.text.1}",
1259
1356
  },
@@ -1266,6 +1363,7 @@ export default {
1266
1363
  type: "color",
1267
1364
  attributes: {
1268
1365
  category: "color",
1366
+ group: "text",
1269
1367
  type: "color",
1270
1368
  item: "text",
1271
1369
  subitem: "2",
@@ -1289,6 +1387,7 @@ export default {
1289
1387
  type: "color",
1290
1388
  attributes: {
1291
1389
  category: "color",
1390
+ group: "text",
1292
1391
  },
1293
1392
  key: "{semantic.color.text.2}",
1294
1393
  },
@@ -1301,6 +1400,7 @@ export default {
1301
1400
  type: "color",
1302
1401
  attributes: {
1303
1402
  category: "color",
1403
+ group: "text",
1304
1404
  type: "color",
1305
1405
  item: "text",
1306
1406
  subitem: "3",
@@ -1324,6 +1424,7 @@ export default {
1324
1424
  type: "color",
1325
1425
  attributes: {
1326
1426
  category: "color",
1427
+ group: "text",
1327
1428
  },
1328
1429
  key: "{semantic.color.text.3}",
1329
1430
  },
@@ -1336,6 +1437,7 @@ export default {
1336
1437
  type: "color",
1337
1438
  attributes: {
1338
1439
  category: "color",
1440
+ group: "text",
1339
1441
  type: "color",
1340
1442
  item: "text",
1341
1443
  subitem: "highlight",
@@ -1359,6 +1461,7 @@ export default {
1359
1461
  type: "color",
1360
1462
  attributes: {
1361
1463
  category: "color",
1464
+ group: "text",
1362
1465
  },
1363
1466
  key: "{semantic.color.text.highlight}",
1364
1467
  },
@@ -1371,6 +1474,7 @@ export default {
1371
1474
  type: "color",
1372
1475
  attributes: {
1373
1476
  category: "color",
1477
+ group: "text",
1374
1478
  type: "color",
1375
1479
  item: "text",
1376
1480
  subitem: "inverse",
@@ -1394,6 +1498,7 @@ export default {
1394
1498
  type: "color",
1395
1499
  attributes: {
1396
1500
  category: "color",
1501
+ group: "text",
1397
1502
  },
1398
1503
  key: "{semantic.color.text.inverse}",
1399
1504
  },
@@ -1406,6 +1511,7 @@ export default {
1406
1511
  type: "color",
1407
1512
  attributes: {
1408
1513
  category: "color",
1514
+ group: "text",
1409
1515
  type: "color",
1410
1516
  item: "text",
1411
1517
  subitem: "link",
@@ -1429,6 +1535,7 @@ export default {
1429
1535
  type: "color",
1430
1536
  attributes: {
1431
1537
  category: "color",
1538
+ group: "text",
1432
1539
  },
1433
1540
  key: "{semantic.color.text.link}",
1434
1541
  },
@@ -1443,6 +1550,7 @@ export default {
1443
1550
  type: "color",
1444
1551
  attributes: {
1445
1552
  category: "color",
1553
+ group: "border",
1446
1554
  type: "color",
1447
1555
  item: "border",
1448
1556
  subitem: "1",
@@ -1466,6 +1574,7 @@ export default {
1466
1574
  type: "color",
1467
1575
  attributes: {
1468
1576
  category: "color",
1577
+ group: "border",
1469
1578
  },
1470
1579
  key: "{semantic.color.border.1}",
1471
1580
  },
@@ -1478,6 +1587,7 @@ export default {
1478
1587
  type: "color",
1479
1588
  attributes: {
1480
1589
  category: "color",
1590
+ group: "border",
1481
1591
  type: "color",
1482
1592
  item: "border",
1483
1593
  subitem: "2",
@@ -1501,6 +1611,7 @@ export default {
1501
1611
  type: "color",
1502
1612
  attributes: {
1503
1613
  category: "color",
1614
+ group: "border",
1504
1615
  },
1505
1616
  key: "{semantic.color.border.2}",
1506
1617
  },
@@ -1513,6 +1624,7 @@ export default {
1513
1624
  type: "color",
1514
1625
  attributes: {
1515
1626
  category: "color",
1627
+ group: "border",
1516
1628
  type: "color",
1517
1629
  item: "border",
1518
1630
  subitem: "3",
@@ -1536,6 +1648,7 @@ export default {
1536
1648
  type: "color",
1537
1649
  attributes: {
1538
1650
  category: "color",
1651
+ group: "border",
1539
1652
  },
1540
1653
  key: "{semantic.color.border.3}",
1541
1654
  },
@@ -1548,6 +1661,7 @@ export default {
1548
1661
  type: "color",
1549
1662
  attributes: {
1550
1663
  category: "color",
1664
+ group: "border",
1551
1665
  type: "color",
1552
1666
  item: "border",
1553
1667
  subitem: "input",
@@ -1571,6 +1685,7 @@ export default {
1571
1685
  type: "color",
1572
1686
  attributes: {
1573
1687
  category: "color",
1688
+ group: "border",
1574
1689
  },
1575
1690
  key: "{semantic.color.border.input}",
1576
1691
  },
@@ -1583,6 +1698,7 @@ export default {
1583
1698
  type: "color",
1584
1699
  attributes: {
1585
1700
  category: "color",
1701
+ group: "border",
1586
1702
  type: "color",
1587
1703
  item: "border",
1588
1704
  subitem: "ghost",
@@ -1606,6 +1722,7 @@ export default {
1606
1722
  type: "color",
1607
1723
  attributes: {
1608
1724
  category: "color",
1725
+ group: "border",
1609
1726
  },
1610
1727
  key: "{semantic.color.border.ghost}",
1611
1728
  },
@@ -1618,6 +1735,7 @@ export default {
1618
1735
  type: "color",
1619
1736
  attributes: {
1620
1737
  category: "color",
1738
+ group: "border",
1621
1739
  type: "color",
1622
1740
  item: "border",
1623
1741
  subitem: "white",
@@ -1641,6 +1759,7 @@ export default {
1641
1759
  type: "color",
1642
1760
  attributes: {
1643
1761
  category: "color",
1762
+ group: "border",
1644
1763
  },
1645
1764
  key: "{semantic.color.border.white}",
1646
1765
  },
@@ -1655,6 +1774,7 @@ export default {
1655
1774
  type: "color",
1656
1775
  attributes: {
1657
1776
  category: "color",
1777
+ group: "focus",
1658
1778
  scope: "component",
1659
1779
  type: "color",
1660
1780
  item: "focus",
@@ -1679,6 +1799,7 @@ export default {
1679
1799
  type: "color",
1680
1800
  attributes: {
1681
1801
  category: "color",
1802
+ group: "focus",
1682
1803
  scope: "component",
1683
1804
  },
1684
1805
  key: "{semantic.color.focus.default}",