@esri/calcite-design-tokens 3.1.1-next.0 → 3.2.0-next.0

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 (35) hide show
  1. package/dist/css/core.css +2 -2
  2. package/dist/css/dark.css +3 -2
  3. package/dist/css/global.css +2 -2
  4. package/dist/css/index.css +12 -7
  5. package/dist/css/light.css +2 -1
  6. package/dist/css/semantic.css +22 -22
  7. package/dist/docs/core.json +1278 -1319
  8. package/dist/docs/dark.json +127 -90
  9. package/dist/docs/global.json +571 -484
  10. package/dist/docs/light.json +126 -89
  11. package/dist/docs/semantic.json +333 -283
  12. package/dist/es6/core.js +2 -2
  13. package/dist/es6/dark.d.ts +2 -0
  14. package/dist/es6/dark.js +3 -2
  15. package/dist/es6/global.d.ts +3 -1
  16. package/dist/es6/global.js +8 -4
  17. package/dist/es6/light.d.ts +2 -0
  18. package/dist/es6/light.js +2 -1
  19. package/dist/es6/semantic.d.ts +1 -1
  20. package/dist/es6/semantic.js +1 -1
  21. package/dist/js/core.js +1480 -806
  22. package/dist/js/dark.d.ts +2 -0
  23. package/dist/js/dark.js +141 -46
  24. package/dist/js/global.d.ts +1 -0
  25. package/dist/js/global.js +634 -372
  26. package/dist/js/light.d.ts +2 -0
  27. package/dist/js/light.js +140 -45
  28. package/dist/js/semantic.js +366 -208
  29. package/dist/scss/core.scss +2 -2
  30. package/dist/scss/dark.scss +3 -2
  31. package/dist/scss/global.scss +2 -2
  32. package/dist/scss/index.scss +5 -3
  33. package/dist/scss/light.scss +2 -1
  34. package/dist/scss/semantic.scss +22 -22
  35. package/package.json +3 -3
package/dist/js/light.js CHANGED
@@ -8,6 +8,7 @@ export default {
8
8
  color: {
9
9
  background: {
10
10
  default: {
11
+ key: "{semantic.color.background.default}",
11
12
  value: "#f7f7f7",
12
13
  type: "color",
13
14
  attributes: {
@@ -36,12 +37,13 @@ export default {
36
37
  attributes: {
37
38
  category: "color",
38
39
  },
40
+ key: "{semantic.color.background.default}",
39
41
  },
40
42
  name: "calciteColorBackground",
41
43
  path: ["semantic", "color", "background", "default"],
42
- key: "{semantic.color.background.default}",
43
44
  },
44
45
  none: {
46
+ key: "{semantic.color.background.none}",
45
47
  value: "rgba(255, 255, 255, 0)",
46
48
  type: "color",
47
49
  attributes: {
@@ -70,14 +72,15 @@ export default {
70
72
  attributes: {
71
73
  category: "color",
72
74
  },
75
+ key: "{semantic.color.background.none}",
73
76
  },
74
77
  name: "calciteColorBackgroundNone",
75
78
  path: ["semantic", "color", "background", "none"],
76
- key: "{semantic.color.background.none}",
77
79
  },
78
80
  },
79
81
  foreground: {
80
82
  1: {
83
+ key: "{semantic.color.foreground.1}",
81
84
  value: "#ffffff",
82
85
  type: "color",
83
86
  attributes: {
@@ -106,12 +109,13 @@ export default {
106
109
  attributes: {
107
110
  category: "color",
108
111
  },
112
+ key: "{semantic.color.foreground.1}",
109
113
  },
110
114
  name: "calciteColorForeground1",
111
115
  path: ["semantic", "color", "foreground", "1"],
112
- key: "{semantic.color.foreground.1}",
113
116
  },
114
117
  2: {
118
+ key: "{semantic.color.foreground.2}",
115
119
  value: "#f2f2f2",
116
120
  type: "color",
117
121
  attributes: {
@@ -140,12 +144,13 @@ export default {
140
144
  attributes: {
141
145
  category: "color",
142
146
  },
147
+ key: "{semantic.color.foreground.2}",
143
148
  },
144
149
  name: "calciteColorForeground2",
145
150
  path: ["semantic", "color", "foreground", "2"],
146
- key: "{semantic.color.foreground.2}",
147
151
  },
148
152
  3: {
153
+ key: "{semantic.color.foreground.3}",
149
154
  value: "#ebebeb",
150
155
  type: "color",
151
156
  attributes: {
@@ -174,19 +179,30 @@ export default {
174
179
  attributes: {
175
180
  category: "color",
176
181
  },
182
+ key: "{semantic.color.foreground.3}",
177
183
  },
178
184
  name: "calciteColorForeground3",
179
185
  path: ["semantic", "color", "foreground", "3"],
180
- key: "{semantic.color.foreground.3}",
181
186
  },
182
187
  current: {
183
- value: "#c7eaff",
188
+ key: "{semantic.color.foreground.current}",
189
+ value: "#d6efff",
184
190
  type: "color",
185
191
  attributes: {
186
192
  category: "color",
187
193
  type: "color",
188
194
  item: "foreground",
189
195
  subitem: "current",
196
+ value: "#d6efff",
197
+ description:
198
+ "deprecated, use --calcite-color-foreground-highlight instead",
199
+ filePath: "src/tokens/semantic/color/light.json",
200
+ isSource: true,
201
+ key: "{semantic.color.foreground.current}",
202
+ name: "calcite-semantic-color-foreground-current",
203
+ path: ["semantic", "color", "foreground", "current"],
204
+ comment:
205
+ "deprecated, use --calcite-color-foreground-highlight instead",
190
206
  names: {
191
207
  scss: "$calcite-color-foreground-current",
192
208
  css: "var(--calcite-color-foreground-current)",
@@ -200,6 +216,8 @@ export default {
200
216
  type: "color",
201
217
  },
202
218
  },
219
+ description:
220
+ "deprecated, use --calcite-color-foreground-highlight instead",
203
221
  filePath: "src/tokens/semantic/color/light.json",
204
222
  isSource: true,
205
223
  original: {
@@ -208,15 +226,55 @@ export default {
208
226
  attributes: {
209
227
  category: "color",
210
228
  },
229
+ description:
230
+ "deprecated, use --calcite-color-foreground-highlight instead",
231
+ key: "{semantic.color.foreground.current}",
211
232
  },
212
233
  name: "calciteColorForegroundCurrent",
213
234
  path: ["semantic", "color", "foreground", "current"],
214
- key: "{semantic.color.foreground.current}",
235
+ comment:
236
+ "deprecated, use --calcite-color-foreground-highlight instead",
237
+ },
238
+ highlight: {
239
+ key: "{semantic.color.foreground.highlight}",
240
+ value: "#d6efff",
241
+ type: "color",
242
+ attributes: {
243
+ category: "color",
244
+ type: "color",
245
+ item: "foreground",
246
+ subitem: "highlight",
247
+ 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",
253
+ },
254
+ "calcite-schema": {
255
+ system: "calcite",
256
+ tier: "color",
257
+ type: "color",
258
+ },
259
+ },
260
+ filePath: "src/tokens/semantic/color/light.json",
261
+ isSource: true,
262
+ original: {
263
+ value: "{core.color.high-saturation.blue.h-bb-010}",
264
+ type: "color",
265
+ attributes: {
266
+ category: "color",
267
+ },
268
+ key: "{semantic.color.foreground.highlight}",
269
+ },
270
+ name: "calciteColorForegroundHighlight",
271
+ path: ["semantic", "color", "foreground", "highlight"],
215
272
  },
216
273
  },
217
274
  transparent: {
218
275
  default: {
219
276
  default: {
277
+ key: "{semantic.color.transparent.default.default}",
220
278
  value: "rgba(0, 0, 0, 0)",
221
279
  type: "color",
222
280
  attributes: {
@@ -246,12 +304,13 @@ export default {
246
304
  attributes: {
247
305
  category: "color",
248
306
  },
307
+ key: "{semantic.color.transparent.default.default}",
249
308
  },
250
309
  name: "calciteColorTransparent",
251
310
  path: ["semantic", "color", "transparent", "default", "default"],
252
- key: "{semantic.color.transparent.default.default}",
253
311
  },
254
312
  hover: {
313
+ key: "{semantic.color.transparent.default.hover}",
255
314
  value: "rgba(0, 0, 0, 0.04)",
256
315
  type: "color",
257
316
  attributes: {
@@ -281,12 +340,13 @@ export default {
281
340
  attributes: {
282
341
  category: "color",
283
342
  },
343
+ key: "{semantic.color.transparent.default.hover}",
284
344
  },
285
345
  name: "calciteColorTransparentHover",
286
346
  path: ["semantic", "color", "transparent", "default", "hover"],
287
- key: "{semantic.color.transparent.default.hover}",
288
347
  },
289
348
  press: {
349
+ key: "{semantic.color.transparent.default.press}",
290
350
  value: "rgba(0, 0, 0, 0.08)",
291
351
  type: "color",
292
352
  attributes: {
@@ -316,14 +376,15 @@ export default {
316
376
  attributes: {
317
377
  category: "color",
318
378
  },
379
+ key: "{semantic.color.transparent.default.press}",
319
380
  },
320
381
  name: "calciteColorTransparentPress",
321
382
  path: ["semantic", "color", "transparent", "default", "press"],
322
- key: "{semantic.color.transparent.default.press}",
323
383
  },
324
384
  },
325
385
  inverse: {
326
386
  hover: {
387
+ key: "{semantic.color.transparent.inverse.hover}",
327
388
  value: "rgba(255, 255, 255, 0.12)",
328
389
  type: "color",
329
390
  attributes: {
@@ -353,12 +414,13 @@ export default {
353
414
  attributes: {
354
415
  category: "color",
355
416
  },
417
+ key: "{semantic.color.transparent.inverse.hover}",
356
418
  },
357
419
  name: "calciteColorTransparentInverseHover",
358
420
  path: ["semantic", "color", "transparent", "inverse", "hover"],
359
- key: "{semantic.color.transparent.inverse.hover}",
360
421
  },
361
422
  press: {
423
+ key: "{semantic.color.transparent.inverse.press}",
362
424
  value: "rgba(255, 255, 255, 0.16)",
363
425
  type: "color",
364
426
  attributes: {
@@ -388,13 +450,14 @@ export default {
388
450
  attributes: {
389
451
  category: "color",
390
452
  },
453
+ key: "{semantic.color.transparent.inverse.press}",
391
454
  },
392
455
  name: "calciteColorTransparentInversePress",
393
456
  path: ["semantic", "color", "transparent", "inverse", "press"],
394
- key: "{semantic.color.transparent.inverse.press}",
395
457
  },
396
458
  },
397
459
  scrim: {
460
+ key: "{semantic.color.transparent.scrim}",
398
461
  value: "rgba(255, 255, 255, 0.85)",
399
462
  type: "color",
400
463
  attributes: {
@@ -423,12 +486,13 @@ export default {
423
486
  attributes: {
424
487
  category: "color",
425
488
  },
489
+ key: "{semantic.color.transparent.scrim}",
426
490
  },
427
491
  name: "calciteColorTransparentScrim",
428
492
  path: ["semantic", "color", "transparent", "scrim"],
429
- key: "{semantic.color.transparent.scrim}",
430
493
  },
431
494
  tint: {
495
+ key: "{semantic.color.transparent.tint}",
432
496
  value: "rgba(255, 255, 255, 0.8)",
433
497
  type: "color",
434
498
  attributes: {
@@ -457,15 +521,16 @@ export default {
457
521
  attributes: {
458
522
  category: "color",
459
523
  },
524
+ key: "{semantic.color.transparent.tint}",
460
525
  },
461
526
  name: "calciteColorTransparentTint",
462
527
  path: ["semantic", "color", "transparent", "tint"],
463
- key: "{semantic.color.transparent.tint}",
464
528
  },
465
529
  },
466
530
  brand: {
467
531
  default: {
468
532
  default: {
533
+ key: "{semantic.color.brand.default.default}",
469
534
  value: "#007ac2",
470
535
  type: "color",
471
536
  attributes: {
@@ -495,12 +560,13 @@ export default {
495
560
  attributes: {
496
561
  category: "color",
497
562
  },
563
+ key: "{semantic.color.brand.default.default}",
498
564
  },
499
565
  name: "calciteColorBrand",
500
566
  path: ["semantic", "color", "brand", "default", "default"],
501
- key: "{semantic.color.brand.default.default}",
502
567
  },
503
568
  hover: {
569
+ key: "{semantic.color.brand.default.hover}",
504
570
  value: "#00619b",
505
571
  type: "color",
506
572
  attributes: {
@@ -530,12 +596,13 @@ export default {
530
596
  attributes: {
531
597
  category: "color",
532
598
  },
599
+ key: "{semantic.color.brand.default.hover}",
533
600
  },
534
601
  name: "calciteColorBrandHover",
535
602
  path: ["semantic", "color", "brand", "default", "hover"],
536
- key: "{semantic.color.brand.default.hover}",
537
603
  },
538
604
  press: {
605
+ key: "{semantic.color.brand.default.press}",
539
606
  value: "#004874",
540
607
  type: "color",
541
608
  attributes: {
@@ -565,13 +632,14 @@ export default {
565
632
  attributes: {
566
633
  category: "color",
567
634
  },
635
+ key: "{semantic.color.brand.default.press}",
568
636
  },
569
637
  name: "calciteColorBrandPress",
570
638
  path: ["semantic", "color", "brand", "default", "press"],
571
- key: "{semantic.color.brand.default.press}",
572
639
  },
573
640
  },
574
641
  underline: {
642
+ key: "{semantic.color.brand.underline}",
575
643
  type: "color",
576
644
  value: "rgba(0, 97, 155, 0.4)",
577
645
  attributes: {
@@ -601,15 +669,16 @@ export default {
601
669
  attributes: {
602
670
  category: "color",
603
671
  },
672
+ key: "{semantic.color.brand.underline}",
604
673
  },
605
674
  name: "calciteColorBrandUnderline",
606
675
  path: ["semantic", "color", "brand", "underline"],
607
- key: "{semantic.color.brand.underline}",
608
676
  },
609
677
  },
610
678
  status: {
611
679
  info: {
612
680
  default: {
681
+ key: "{semantic.color.status.info.default}",
613
682
  value: "#00619b",
614
683
  type: "color",
615
684
  attributes: {
@@ -639,12 +708,13 @@ export default {
639
708
  attributes: {
640
709
  category: "color",
641
710
  },
711
+ key: "{semantic.color.status.info.default}",
642
712
  },
643
713
  name: "calciteColorStatusInfo",
644
714
  path: ["semantic", "color", "status", "info", "default"],
645
- key: "{semantic.color.status.info.default}",
646
715
  },
647
716
  hover: {
717
+ key: "{semantic.color.status.info.hover}",
648
718
  value: "#004874",
649
719
  type: "color",
650
720
  attributes: {
@@ -674,12 +744,13 @@ export default {
674
744
  attributes: {
675
745
  category: "color",
676
746
  },
747
+ key: "{semantic.color.status.info.hover}",
677
748
  },
678
749
  name: "calciteColorStatusInfoHover",
679
750
  path: ["semantic", "color", "status", "info", "hover"],
680
- key: "{semantic.color.status.info.hover}",
681
751
  },
682
752
  press: {
753
+ key: "{semantic.color.status.info.press}",
683
754
  value: "#00304d",
684
755
  type: "color",
685
756
  attributes: {
@@ -709,14 +780,15 @@ export default {
709
780
  attributes: {
710
781
  category: "color",
711
782
  },
783
+ key: "{semantic.color.status.info.press}",
712
784
  },
713
785
  name: "calciteColorStatusInfoPress",
714
786
  path: ["semantic", "color", "status", "info", "press"],
715
- key: "{semantic.color.status.info.press}",
716
787
  },
717
788
  },
718
789
  success: {
719
790
  default: {
791
+ key: "{semantic.color.status.success.default}",
720
792
  value: "#35ac46",
721
793
  type: "color",
722
794
  attributes: {
@@ -746,12 +818,13 @@ export default {
746
818
  attributes: {
747
819
  category: "color",
748
820
  },
821
+ key: "{semantic.color.status.success.default}",
749
822
  },
750
823
  name: "calciteColorStatusSuccess",
751
824
  path: ["semantic", "color", "status", "success", "default"],
752
- key: "{semantic.color.status.success.default}",
753
825
  },
754
826
  hover: {
827
+ key: "{semantic.color.status.success.hover}",
755
828
  value: "#288835",
756
829
  type: "color",
757
830
  attributes: {
@@ -781,12 +854,13 @@ export default {
781
854
  attributes: {
782
855
  category: "color",
783
856
  },
857
+ key: "{semantic.color.status.success.hover}",
784
858
  },
785
859
  name: "calciteColorStatusSuccessHover",
786
860
  path: ["semantic", "color", "status", "success", "hover"],
787
- key: "{semantic.color.status.success.hover}",
788
861
  },
789
862
  press: {
863
+ key: "{semantic.color.status.success.press}",
790
864
  value: "#1a6324",
791
865
  type: "color",
792
866
  attributes: {
@@ -816,14 +890,15 @@ export default {
816
890
  attributes: {
817
891
  category: "color",
818
892
  },
893
+ key: "{semantic.color.status.success.press}",
819
894
  },
820
895
  name: "calciteColorStatusSuccessPress",
821
896
  path: ["semantic", "color", "status", "success", "press"],
822
- key: "{semantic.color.status.success.press}",
823
897
  },
824
898
  },
825
899
  warning: {
826
900
  default: {
901
+ key: "{semantic.color.status.warning.default}",
827
902
  value: "#f89927",
828
903
  type: "color",
829
904
  attributes: {
@@ -853,12 +928,13 @@ export default {
853
928
  attributes: {
854
929
  category: "color",
855
930
  },
931
+ key: "{semantic.color.status.warning.default}",
856
932
  },
857
933
  name: "calciteColorStatusWarning",
858
934
  path: ["semantic", "color", "status", "warning", "default"],
859
- key: "{semantic.color.status.warning.default}",
860
935
  },
861
936
  hover: {
937
+ key: "{semantic.color.status.warning.hover}",
862
938
  value: "#d17300",
863
939
  type: "color",
864
940
  attributes: {
@@ -888,12 +964,13 @@ export default {
888
964
  attributes: {
889
965
  category: "color",
890
966
  },
967
+ key: "{semantic.color.status.warning.hover}",
891
968
  },
892
969
  name: "calciteColorStatusWarningHover",
893
970
  path: ["semantic", "color", "status", "warning", "hover"],
894
- key: "{semantic.color.status.warning.hover}",
895
971
  },
896
972
  press: {
973
+ key: "{semantic.color.status.warning.press}",
897
974
  value: "#9a5b10",
898
975
  type: "color",
899
976
  attributes: {
@@ -923,14 +1000,15 @@ export default {
923
1000
  attributes: {
924
1001
  category: "color",
925
1002
  },
1003
+ key: "{semantic.color.status.warning.press}",
926
1004
  },
927
1005
  name: "calciteColorStatusWarningPress",
928
1006
  path: ["semantic", "color", "status", "warning", "press"],
929
- key: "{semantic.color.status.warning.press}",
930
1007
  },
931
1008
  },
932
1009
  danger: {
933
1010
  default: {
1011
+ key: "{semantic.color.status.danger.default}",
934
1012
  value: "#d83020",
935
1013
  type: "color",
936
1014
  attributes: {
@@ -960,12 +1038,13 @@ export default {
960
1038
  attributes: {
961
1039
  category: "color",
962
1040
  },
1041
+ key: "{semantic.color.status.danger.default}",
963
1042
  },
964
1043
  name: "calciteColorStatusDanger",
965
1044
  path: ["semantic", "color", "status", "danger", "default"],
966
- key: "{semantic.color.status.danger.default}",
967
1045
  },
968
1046
  hover: {
1047
+ key: "{semantic.color.status.danger.hover}",
969
1048
  value: "#a82b1e",
970
1049
  type: "color",
971
1050
  attributes: {
@@ -995,12 +1074,13 @@ export default {
995
1074
  attributes: {
996
1075
  category: "color",
997
1076
  },
1077
+ key: "{semantic.color.status.danger.hover}",
998
1078
  },
999
1079
  name: "calciteColorStatusDangerHover",
1000
1080
  path: ["semantic", "color", "status", "danger", "hover"],
1001
- key: "{semantic.color.status.danger.hover}",
1002
1081
  },
1003
1082
  press: {
1083
+ key: "{semantic.color.status.danger.press}",
1004
1084
  value: "#7c1d13",
1005
1085
  type: "color",
1006
1086
  attributes: {
@@ -1030,15 +1110,16 @@ export default {
1030
1110
  attributes: {
1031
1111
  category: "color",
1032
1112
  },
1113
+ key: "{semantic.color.status.danger.press}",
1033
1114
  },
1034
1115
  name: "calciteColorStatusDangerPress",
1035
1116
  path: ["semantic", "color", "status", "danger", "press"],
1036
- key: "{semantic.color.status.danger.press}",
1037
1117
  },
1038
1118
  },
1039
1119
  },
1040
1120
  inverse: {
1041
1121
  default: {
1122
+ key: "{semantic.color.inverse.default}",
1042
1123
  value: "#363636",
1043
1124
  type: "color",
1044
1125
  attributes: {
@@ -1067,12 +1148,13 @@ export default {
1067
1148
  attributes: {
1068
1149
  category: "color",
1069
1150
  },
1151
+ key: "{semantic.color.inverse.default}",
1070
1152
  },
1071
1153
  name: "calciteColorInverse",
1072
1154
  path: ["semantic", "color", "inverse", "default"],
1073
- key: "{semantic.color.inverse.default}",
1074
1155
  },
1075
1156
  hover: {
1157
+ key: "{semantic.color.inverse.hover}",
1076
1158
  value: "#2b2b2b",
1077
1159
  type: "color",
1078
1160
  attributes: {
@@ -1101,12 +1183,13 @@ export default {
1101
1183
  attributes: {
1102
1184
  category: "color",
1103
1185
  },
1186
+ key: "{semantic.color.inverse.hover}",
1104
1187
  },
1105
1188
  name: "calciteColorInverseHover",
1106
1189
  path: ["semantic", "color", "inverse", "hover"],
1107
- key: "{semantic.color.inverse.hover}",
1108
1190
  },
1109
1191
  press: {
1192
+ key: "{semantic.color.inverse.press}",
1110
1193
  value: "#212121",
1111
1194
  type: "color",
1112
1195
  attributes: {
@@ -1135,14 +1218,15 @@ export default {
1135
1218
  attributes: {
1136
1219
  category: "color",
1137
1220
  },
1221
+ key: "{semantic.color.inverse.press}",
1138
1222
  },
1139
1223
  name: "calciteColorInversePress",
1140
1224
  path: ["semantic", "color", "inverse", "press"],
1141
- key: "{semantic.color.inverse.press}",
1142
1225
  },
1143
1226
  },
1144
1227
  text: {
1145
1228
  1: {
1229
+ key: "{semantic.color.text.1}",
1146
1230
  value: "#141414",
1147
1231
  type: "color",
1148
1232
  attributes: {
@@ -1171,12 +1255,13 @@ export default {
1171
1255
  attributes: {
1172
1256
  category: "color",
1173
1257
  },
1258
+ key: "{semantic.color.text.1}",
1174
1259
  },
1175
1260
  name: "calciteColorText1",
1176
1261
  path: ["semantic", "color", "text", "1"],
1177
- key: "{semantic.color.text.1}",
1178
1262
  },
1179
1263
  2: {
1264
+ key: "{semantic.color.text.2}",
1180
1265
  value: "#4a4a4a",
1181
1266
  type: "color",
1182
1267
  attributes: {
@@ -1205,12 +1290,13 @@ export default {
1205
1290
  attributes: {
1206
1291
  category: "color",
1207
1292
  },
1293
+ key: "{semantic.color.text.2}",
1208
1294
  },
1209
1295
  name: "calciteColorText2",
1210
1296
  path: ["semantic", "color", "text", "2"],
1211
- key: "{semantic.color.text.2}",
1212
1297
  },
1213
1298
  3: {
1299
+ key: "{semantic.color.text.3}",
1214
1300
  value: "#6b6b6b",
1215
1301
  type: "color",
1216
1302
  attributes: {
@@ -1239,12 +1325,13 @@ export default {
1239
1325
  attributes: {
1240
1326
  category: "color",
1241
1327
  },
1328
+ key: "{semantic.color.text.3}",
1242
1329
  },
1243
1330
  name: "calciteColorText3",
1244
1331
  path: ["semantic", "color", "text", "3"],
1245
- key: "{semantic.color.text.3}",
1246
1332
  },
1247
1333
  highlight: {
1334
+ key: "{semantic.color.text.highlight}",
1248
1335
  value: "#004874",
1249
1336
  type: "color",
1250
1337
  attributes: {
@@ -1273,12 +1360,13 @@ export default {
1273
1360
  attributes: {
1274
1361
  category: "color",
1275
1362
  },
1363
+ key: "{semantic.color.text.highlight}",
1276
1364
  },
1277
1365
  name: "calciteColorTextHighlight",
1278
1366
  path: ["semantic", "color", "text", "highlight"],
1279
- key: "{semantic.color.text.highlight}",
1280
1367
  },
1281
1368
  inverse: {
1369
+ key: "{semantic.color.text.inverse}",
1282
1370
  value: "#ffffff",
1283
1371
  type: "color",
1284
1372
  attributes: {
@@ -1307,12 +1395,13 @@ export default {
1307
1395
  attributes: {
1308
1396
  category: "color",
1309
1397
  },
1398
+ key: "{semantic.color.text.inverse}",
1310
1399
  },
1311
1400
  name: "calciteColorTextInverse",
1312
1401
  path: ["semantic", "color", "text", "inverse"],
1313
- key: "{semantic.color.text.inverse}",
1314
1402
  },
1315
1403
  link: {
1404
+ key: "{semantic.color.text.link}",
1316
1405
  value: "#00619b",
1317
1406
  type: "color",
1318
1407
  attributes: {
@@ -1341,14 +1430,15 @@ export default {
1341
1430
  attributes: {
1342
1431
  category: "color",
1343
1432
  },
1433
+ key: "{semantic.color.text.link}",
1344
1434
  },
1345
1435
  name: "calciteColorTextLink",
1346
1436
  path: ["semantic", "color", "text", "link"],
1347
- key: "{semantic.color.text.link}",
1348
1437
  },
1349
1438
  },
1350
1439
  border: {
1351
1440
  1: {
1441
+ key: "{semantic.color.border.1}",
1352
1442
  value: "#c9c9c9",
1353
1443
  type: "color",
1354
1444
  attributes: {
@@ -1377,12 +1467,13 @@ export default {
1377
1467
  attributes: {
1378
1468
  category: "color",
1379
1469
  },
1470
+ key: "{semantic.color.border.1}",
1380
1471
  },
1381
1472
  name: "calciteColorBorder1",
1382
1473
  path: ["semantic", "color", "border", "1"],
1383
- key: "{semantic.color.border.1}",
1384
1474
  },
1385
1475
  2: {
1476
+ key: "{semantic.color.border.2}",
1386
1477
  value: "#d4d4d4",
1387
1478
  type: "color",
1388
1479
  attributes: {
@@ -1411,12 +1502,13 @@ export default {
1411
1502
  attributes: {
1412
1503
  category: "color",
1413
1504
  },
1505
+ key: "{semantic.color.border.2}",
1414
1506
  },
1415
1507
  name: "calciteColorBorder2",
1416
1508
  path: ["semantic", "color", "border", "2"],
1417
- key: "{semantic.color.border.2}",
1418
1509
  },
1419
1510
  3: {
1511
+ key: "{semantic.color.border.3}",
1420
1512
  value: "#dedede",
1421
1513
  type: "color",
1422
1514
  attributes: {
@@ -1445,12 +1537,13 @@ export default {
1445
1537
  attributes: {
1446
1538
  category: "color",
1447
1539
  },
1540
+ key: "{semantic.color.border.3}",
1448
1541
  },
1449
1542
  name: "calciteColorBorder3",
1450
1543
  path: ["semantic", "color", "border", "3"],
1451
- key: "{semantic.color.border.3}",
1452
1544
  },
1453
1545
  input: {
1546
+ key: "{semantic.color.border.input}",
1454
1547
  value: "#949494",
1455
1548
  type: "color",
1456
1549
  attributes: {
@@ -1479,12 +1572,13 @@ export default {
1479
1572
  attributes: {
1480
1573
  category: "color",
1481
1574
  },
1575
+ key: "{semantic.color.border.input}",
1482
1576
  },
1483
1577
  name: "calciteColorBorderInput",
1484
1578
  path: ["semantic", "color", "border", "input"],
1485
- key: "{semantic.color.border.input}",
1486
1579
  },
1487
1580
  ghost: {
1581
+ key: "{semantic.color.border.ghost}",
1488
1582
  value: "rgba(0, 0, 0, 0.3)",
1489
1583
  type: "color",
1490
1584
  attributes: {
@@ -1513,12 +1607,13 @@ export default {
1513
1607
  attributes: {
1514
1608
  category: "color",
1515
1609
  },
1610
+ key: "{semantic.color.border.ghost}",
1516
1611
  },
1517
1612
  name: "calciteColorBorderGhost",
1518
1613
  path: ["semantic", "color", "border", "ghost"],
1519
- key: "{semantic.color.border.ghost}",
1520
1614
  },
1521
1615
  white: {
1616
+ key: "{semantic.color.border.white}",
1522
1617
  value: "#ffffff",
1523
1618
  type: "color",
1524
1619
  attributes: {
@@ -1547,10 +1642,10 @@ export default {
1547
1642
  attributes: {
1548
1643
  category: "color",
1549
1644
  },
1645
+ key: "{semantic.color.border.white}",
1550
1646
  },
1551
1647
  name: "calciteColorBorderWhite",
1552
1648
  path: ["semantic", "color", "border", "white"],
1553
- key: "{semantic.color.border.white}",
1554
1649
  },
1555
1650
  },
1556
1651
  },