@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/dark.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: "#363636",
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: "#2b2b2b",
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: "#212121",
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: "#141414",
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: "#214155",
188
+ key: "{semantic.color.foreground.current}",
189
+ value: "#2b465f",
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: "#2b465f",
197
+ description:
198
+ "deprecated, use --calcite-color-foreground-highlight instead",
199
+ filePath: "src/tokens/semantic/color/dark.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/dark.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: "#2b465f",
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/dark.json",
261
+ isSource: true,
262
+ original: {
263
+ value: "{core.color.medium-saturation.blue.m-bb-090}",
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(255, 255, 255, 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(255, 255, 255, 0.12)",
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(255, 255, 255, 0.16)",
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(0, 0, 0, 0.04)",
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(0, 0, 0, 0.08)",
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(0, 0, 0, 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(43, 43, 43, 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: "#009af2",
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: "#007ac2",
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: "#00619b",
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, 160, 255, 0.4)",
577
645
  attributes: {
@@ -600,15 +668,16 @@ export default {
600
668
  attributes: {
601
669
  category: "color",
602
670
  },
671
+ key: "{semantic.color.brand.underline}",
603
672
  },
604
673
  name: "calciteColorBrandUnderline",
605
674
  path: ["semantic", "color", "brand", "underline"],
606
- key: "{semantic.color.brand.underline}",
607
675
  },
608
676
  },
609
677
  status: {
610
678
  info: {
611
679
  default: {
680
+ key: "{semantic.color.status.info.default}",
612
681
  value: "#00a0ff",
613
682
  type: "color",
614
683
  attributes: {
@@ -638,12 +707,13 @@ export default {
638
707
  attributes: {
639
708
  category: "color",
640
709
  },
710
+ key: "{semantic.color.status.info.default}",
641
711
  },
642
712
  name: "calciteColorStatusInfo",
643
713
  path: ["semantic", "color", "status", "info", "default"],
644
- key: "{semantic.color.status.info.default}",
645
714
  },
646
715
  hover: {
716
+ key: "{semantic.color.status.info.hover}",
647
717
  value: "#3db8ff",
648
718
  type: "color",
649
719
  attributes: {
@@ -673,12 +743,13 @@ export default {
673
743
  attributes: {
674
744
  category: "color",
675
745
  },
746
+ key: "{semantic.color.status.info.hover}",
676
747
  },
677
748
  name: "calciteColorStatusInfoHover",
678
749
  path: ["semantic", "color", "status", "info", "hover"],
679
- key: "{semantic.color.status.info.hover}",
680
750
  },
681
751
  press: {
752
+ key: "{semantic.color.status.info.press}",
682
753
  value: "#009af2",
683
754
  type: "color",
684
755
  attributes: {
@@ -708,14 +779,15 @@ export default {
708
779
  attributes: {
709
780
  category: "color",
710
781
  },
782
+ key: "{semantic.color.status.info.press}",
711
783
  },
712
784
  name: "calciteColorStatusInfoPress",
713
785
  path: ["semantic", "color", "status", "info", "press"],
714
- key: "{semantic.color.status.info.press}",
715
786
  },
716
787
  },
717
788
  success: {
718
789
  default: {
790
+ key: "{semantic.color.status.success.default}",
719
791
  value: "#36da43",
720
792
  type: "color",
721
793
  attributes: {
@@ -745,12 +817,13 @@ export default {
745
817
  attributes: {
746
818
  category: "color",
747
819
  },
820
+ key: "{semantic.color.status.success.default}",
748
821
  },
749
822
  name: "calciteColorStatusSuccess",
750
823
  path: ["semantic", "color", "status", "success", "default"],
751
- key: "{semantic.color.status.success.default}",
752
824
  },
753
825
  hover: {
826
+ key: "{semantic.color.status.success.hover}",
754
827
  value: "#3bed52",
755
828
  type: "color",
756
829
  attributes: {
@@ -780,12 +853,13 @@ export default {
780
853
  attributes: {
781
854
  category: "color",
782
855
  },
856
+ key: "{semantic.color.status.success.hover}",
783
857
  },
784
858
  name: "calciteColorStatusSuccessHover",
785
859
  path: ["semantic", "color", "status", "success", "hover"],
786
- key: "{semantic.color.status.success.hover}",
787
860
  },
788
861
  press: {
862
+ key: "{semantic.color.status.success.press}",
789
863
  value: "#00b81b",
790
864
  type: "color",
791
865
  category: "color",
@@ -795,6 +869,7 @@ export default {
795
869
  value: "{core.color.vibrant.green.v-gg-160}",
796
870
  type: "color",
797
871
  category: "color",
872
+ key: "{semantic.color.status.success.press}",
798
873
  },
799
874
  name: "calciteColorStatusSuccessPress",
800
875
  attributes: {
@@ -817,11 +892,11 @@ export default {
817
892
  },
818
893
  },
819
894
  path: ["semantic", "color", "status", "success", "press"],
820
- key: "{semantic.color.status.success.press}",
821
895
  },
822
896
  },
823
897
  warning: {
824
898
  default: {
899
+ key: "{semantic.color.status.warning.default}",
825
900
  value: "#f89927",
826
901
  type: "color",
827
902
  attributes: {
@@ -851,12 +926,13 @@ export default {
851
926
  attributes: {
852
927
  category: "color",
853
928
  },
929
+ key: "{semantic.color.status.warning.default}",
854
930
  },
855
931
  name: "calciteColorStatusWarning",
856
932
  path: ["semantic", "color", "status", "warning", "default"],
857
- key: "{semantic.color.status.warning.default}",
858
933
  },
859
934
  hover: {
935
+ key: "{semantic.color.status.warning.hover}",
860
936
  value: "#ffb54d",
861
937
  type: "color",
862
938
  attributes: {
@@ -886,12 +962,13 @@ export default {
886
962
  attributes: {
887
963
  category: "color",
888
964
  },
965
+ key: "{semantic.color.status.warning.hover}",
889
966
  },
890
967
  name: "calciteColorStatusWarningHover",
891
968
  path: ["semantic", "color", "status", "warning", "hover"],
892
- key: "{semantic.color.status.warning.hover}",
893
969
  },
894
970
  press: {
971
+ key: "{semantic.color.status.warning.press}",
895
972
  value: "#ff9500",
896
973
  type: "color",
897
974
  category: "color",
@@ -901,6 +978,7 @@ export default {
901
978
  value: "{core.color.vibrant.orange-yellow.v-oy-140}",
902
979
  type: "color",
903
980
  category: "color",
981
+ key: "{semantic.color.status.warning.press}",
904
982
  },
905
983
  name: "calciteColorStatusWarningPress",
906
984
  attributes: {
@@ -923,11 +1001,11 @@ export default {
923
1001
  },
924
1002
  },
925
1003
  path: ["semantic", "color", "status", "warning", "press"],
926
- key: "{semantic.color.status.warning.press}",
927
1004
  },
928
1005
  },
929
1006
  danger: {
930
1007
  default: {
1008
+ key: "{semantic.color.status.danger.default}",
931
1009
  value: "#fe583e",
932
1010
  type: "color",
933
1011
  attributes: {
@@ -957,12 +1035,13 @@ export default {
957
1035
  attributes: {
958
1036
  category: "color",
959
1037
  },
1038
+ key: "{semantic.color.status.danger.default}",
960
1039
  },
961
1040
  name: "calciteColorStatusDanger",
962
1041
  path: ["semantic", "color", "status", "danger", "default"],
963
- key: "{semantic.color.status.danger.default}",
964
1042
  },
965
1043
  hover: {
1044
+ key: "{semantic.color.status.danger.hover}",
966
1045
  value: "#ff0015",
967
1046
  type: "color",
968
1047
  attributes: {
@@ -992,12 +1071,13 @@ export default {
992
1071
  attributes: {
993
1072
  category: "color",
994
1073
  },
1074
+ key: "{semantic.color.status.danger.hover}",
995
1075
  },
996
1076
  name: "calciteColorStatusDangerHover",
997
1077
  path: ["semantic", "color", "status", "danger", "hover"],
998
- key: "{semantic.color.status.danger.hover}",
999
1078
  },
1000
1079
  press: {
1080
+ key: "{semantic.color.status.danger.press}",
1001
1081
  value: "#d90012",
1002
1082
  type: "color",
1003
1083
  attributes: {
@@ -1027,15 +1107,16 @@ export default {
1027
1107
  attributes: {
1028
1108
  category: "color",
1029
1109
  },
1110
+ key: "{semantic.color.status.danger.press}",
1030
1111
  },
1031
1112
  name: "calciteColorStatusDangerPress",
1032
1113
  path: ["semantic", "color", "status", "danger", "press"],
1033
- key: "{semantic.color.status.danger.press}",
1034
1114
  },
1035
1115
  },
1036
1116
  },
1037
1117
  inverse: {
1038
1118
  default: {
1119
+ key: "{semantic.color.inverse.default}",
1039
1120
  value: "#f7f7f7",
1040
1121
  type: "color",
1041
1122
  attributes: {
@@ -1064,12 +1145,13 @@ export default {
1064
1145
  attributes: {
1065
1146
  category: "color",
1066
1147
  },
1148
+ key: "{semantic.color.inverse.default}",
1067
1149
  },
1068
1150
  name: "calciteColorInverse",
1069
1151
  path: ["semantic", "color", "inverse", "default"],
1070
- key: "{semantic.color.inverse.default}",
1071
1152
  },
1072
1153
  hover: {
1154
+ key: "{semantic.color.inverse.hover}",
1073
1155
  value: "#ffffff",
1074
1156
  type: "color",
1075
1157
  attributes: {
@@ -1098,12 +1180,13 @@ export default {
1098
1180
  attributes: {
1099
1181
  category: "color",
1100
1182
  },
1183
+ key: "{semantic.color.inverse.hover}",
1101
1184
  },
1102
1185
  name: "calciteColorInverseHover",
1103
1186
  path: ["semantic", "color", "inverse", "hover"],
1104
- key: "{semantic.color.inverse.hover}",
1105
1187
  },
1106
1188
  press: {
1189
+ key: "{semantic.color.inverse.press}",
1107
1190
  value: "#f2f2f2",
1108
1191
  type: "color",
1109
1192
  attributes: {
@@ -1132,14 +1215,15 @@ export default {
1132
1215
  attributes: {
1133
1216
  category: "color",
1134
1217
  },
1218
+ key: "{semantic.color.inverse.press}",
1135
1219
  },
1136
1220
  name: "calciteColorInversePress",
1137
1221
  path: ["semantic", "color", "inverse", "press"],
1138
- key: "{semantic.color.inverse.press}",
1139
1222
  },
1140
1223
  },
1141
1224
  text: {
1142
1225
  1: {
1226
+ key: "{semantic.color.text.1}",
1143
1227
  value: "#ffffff",
1144
1228
  type: "color",
1145
1229
  attributes: {
@@ -1168,12 +1252,13 @@ export default {
1168
1252
  attributes: {
1169
1253
  category: "color",
1170
1254
  },
1255
+ key: "{semantic.color.text.1}",
1171
1256
  },
1172
1257
  name: "calciteColorText1",
1173
1258
  path: ["semantic", "color", "text", "1"],
1174
- key: "{semantic.color.text.1}",
1175
1259
  },
1176
1260
  2: {
1261
+ key: "{semantic.color.text.2}",
1177
1262
  value: "#bfbfbf",
1178
1263
  type: "color",
1179
1264
  attributes: {
@@ -1202,12 +1287,13 @@ export default {
1202
1287
  attributes: {
1203
1288
  category: "color",
1204
1289
  },
1290
+ key: "{semantic.color.text.2}",
1205
1291
  },
1206
1292
  name: "calciteColorText2",
1207
1293
  path: ["semantic", "color", "text", "2"],
1208
- key: "{semantic.color.text.2}",
1209
1294
  },
1210
1295
  3: {
1296
+ key: "{semantic.color.text.3}",
1211
1297
  value: "#9e9e9e",
1212
1298
  type: "color",
1213
1299
  attributes: {
@@ -1236,13 +1322,14 @@ export default {
1236
1322
  attributes: {
1237
1323
  category: "color",
1238
1324
  },
1325
+ key: "{semantic.color.text.3}",
1239
1326
  },
1240
1327
  name: "calciteColorText3",
1241
1328
  path: ["semantic", "color", "text", "3"],
1242
- key: "{semantic.color.text.3}",
1243
1329
  },
1244
1330
  highlight: {
1245
- value: "#c7eaff",
1331
+ key: "{semantic.color.text.highlight}",
1332
+ value: "#d6efff",
1246
1333
  type: "color",
1247
1334
  attributes: {
1248
1335
  category: "color",
@@ -1270,12 +1357,13 @@ export default {
1270
1357
  attributes: {
1271
1358
  category: "color",
1272
1359
  },
1360
+ key: "{semantic.color.text.highlight}",
1273
1361
  },
1274
1362
  name: "calciteColorTextHighlight",
1275
1363
  path: ["semantic", "color", "text", "highlight"],
1276
- key: "{semantic.color.text.highlight}",
1277
1364
  },
1278
1365
  inverse: {
1366
+ key: "{semantic.color.text.inverse}",
1279
1367
  value: "#141414",
1280
1368
  type: "color",
1281
1369
  attributes: {
@@ -1304,12 +1392,13 @@ export default {
1304
1392
  attributes: {
1305
1393
  category: "color",
1306
1394
  },
1395
+ key: "{semantic.color.text.inverse}",
1307
1396
  },
1308
1397
  name: "calciteColorTextInverse",
1309
1398
  path: ["semantic", "color", "text", "inverse"],
1310
- key: "{semantic.color.text.inverse}",
1311
1399
  },
1312
1400
  link: {
1401
+ key: "{semantic.color.text.link}",
1313
1402
  value: "#00a0ff",
1314
1403
  type: "color",
1315
1404
  attributes: {
@@ -1338,14 +1427,15 @@ export default {
1338
1427
  attributes: {
1339
1428
  category: "color",
1340
1429
  },
1430
+ key: "{semantic.color.text.link}",
1341
1431
  },
1342
1432
  name: "calciteColorTextLink",
1343
1433
  path: ["semantic", "color", "text", "link"],
1344
- key: "{semantic.color.text.link}",
1345
1434
  },
1346
1435
  },
1347
1436
  border: {
1348
1437
  1: {
1438
+ key: "{semantic.color.border.1}",
1349
1439
  value: "#545454",
1350
1440
  type: "color",
1351
1441
  attributes: {
@@ -1374,12 +1464,13 @@ export default {
1374
1464
  attributes: {
1375
1465
  category: "color",
1376
1466
  },
1467
+ key: "{semantic.color.border.1}",
1377
1468
  },
1378
1469
  name: "calciteColorBorder1",
1379
1470
  path: ["semantic", "color", "border", "1"],
1380
- key: "{semantic.color.border.1}",
1381
1471
  },
1382
1472
  2: {
1473
+ key: "{semantic.color.border.2}",
1383
1474
  value: "#4a4a4a",
1384
1475
  type: "color",
1385
1476
  attributes: {
@@ -1408,12 +1499,13 @@ export default {
1408
1499
  attributes: {
1409
1500
  category: "color",
1410
1501
  },
1502
+ key: "{semantic.color.border.2}",
1411
1503
  },
1412
1504
  name: "calciteColorBorder2",
1413
1505
  path: ["semantic", "color", "border", "2"],
1414
- key: "{semantic.color.border.2}",
1415
1506
  },
1416
1507
  3: {
1508
+ key: "{semantic.color.border.3}",
1417
1509
  value: "#404040",
1418
1510
  type: "color",
1419
1511
  attributes: {
@@ -1442,12 +1534,13 @@ export default {
1442
1534
  attributes: {
1443
1535
  category: "color",
1444
1536
  },
1537
+ key: "{semantic.color.border.3}",
1445
1538
  },
1446
1539
  name: "calciteColorBorder3",
1447
1540
  path: ["semantic", "color", "border", "3"],
1448
- key: "{semantic.color.border.3}",
1449
1541
  },
1450
1542
  input: {
1543
+ key: "{semantic.color.border.input}",
1451
1544
  value: "#757575",
1452
1545
  type: "color",
1453
1546
  attributes: {
@@ -1476,12 +1569,13 @@ export default {
1476
1569
  attributes: {
1477
1570
  category: "color",
1478
1571
  },
1572
+ key: "{semantic.color.border.input}",
1479
1573
  },
1480
1574
  name: "calciteColorBorderInput",
1481
1575
  path: ["semantic", "color", "border", "input"],
1482
- key: "{semantic.color.border.input}",
1483
1576
  },
1484
1577
  ghost: {
1578
+ key: "{semantic.color.border.ghost}",
1485
1579
  value: "rgba(117, 117, 117, 0.3)",
1486
1580
  type: "color",
1487
1581
  attributes: {
@@ -1510,12 +1604,13 @@ export default {
1510
1604
  attributes: {
1511
1605
  category: "color",
1512
1606
  },
1607
+ key: "{semantic.color.border.ghost}",
1513
1608
  },
1514
1609
  name: "calciteColorBorderGhost",
1515
1610
  path: ["semantic", "color", "border", "ghost"],
1516
- key: "{semantic.color.border.ghost}",
1517
1611
  },
1518
1612
  white: {
1613
+ key: "{semantic.color.border.white}",
1519
1614
  value: "#f7f7f7",
1520
1615
  type: "color",
1521
1616
  attributes: {
@@ -1544,10 +1639,10 @@ export default {
1544
1639
  attributes: {
1545
1640
  category: "color",
1546
1641
  },
1642
+ key: "{semantic.color.border.white}",
1547
1643
  },
1548
1644
  name: "calciteColorBorderWhite",
1549
1645
  path: ["semantic", "color", "border", "white"],
1550
- key: "{semantic.color.border.white}",
1551
1646
  },
1552
1647
  },
1553
1648
  },