@esri/calcite-design-tokens 3.1.0 → 3.1.1-next.1

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.
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,12 +179,13 @@ 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: {
188
+ key: "{semantic.color.foreground.current}",
183
189
  value: "#c7eaff",
184
190
  type: "color",
185
191
  attributes: {
@@ -208,15 +214,16 @@ export default {
208
214
  attributes: {
209
215
  category: "color",
210
216
  },
217
+ key: "{semantic.color.foreground.current}",
211
218
  },
212
219
  name: "calciteColorForegroundCurrent",
213
220
  path: ["semantic", "color", "foreground", "current"],
214
- key: "{semantic.color.foreground.current}",
215
221
  },
216
222
  },
217
223
  transparent: {
218
224
  default: {
219
225
  default: {
226
+ key: "{semantic.color.transparent.default.default}",
220
227
  value: "rgba(0, 0, 0, 0)",
221
228
  type: "color",
222
229
  attributes: {
@@ -246,12 +253,13 @@ export default {
246
253
  attributes: {
247
254
  category: "color",
248
255
  },
256
+ key: "{semantic.color.transparent.default.default}",
249
257
  },
250
258
  name: "calciteColorTransparent",
251
259
  path: ["semantic", "color", "transparent", "default", "default"],
252
- key: "{semantic.color.transparent.default.default}",
253
260
  },
254
261
  hover: {
262
+ key: "{semantic.color.transparent.default.hover}",
255
263
  value: "rgba(0, 0, 0, 0.04)",
256
264
  type: "color",
257
265
  attributes: {
@@ -281,12 +289,13 @@ export default {
281
289
  attributes: {
282
290
  category: "color",
283
291
  },
292
+ key: "{semantic.color.transparent.default.hover}",
284
293
  },
285
294
  name: "calciteColorTransparentHover",
286
295
  path: ["semantic", "color", "transparent", "default", "hover"],
287
- key: "{semantic.color.transparent.default.hover}",
288
296
  },
289
297
  press: {
298
+ key: "{semantic.color.transparent.default.press}",
290
299
  value: "rgba(0, 0, 0, 0.08)",
291
300
  type: "color",
292
301
  attributes: {
@@ -316,14 +325,15 @@ export default {
316
325
  attributes: {
317
326
  category: "color",
318
327
  },
328
+ key: "{semantic.color.transparent.default.press}",
319
329
  },
320
330
  name: "calciteColorTransparentPress",
321
331
  path: ["semantic", "color", "transparent", "default", "press"],
322
- key: "{semantic.color.transparent.default.press}",
323
332
  },
324
333
  },
325
334
  inverse: {
326
335
  hover: {
336
+ key: "{semantic.color.transparent.inverse.hover}",
327
337
  value: "rgba(255, 255, 255, 0.12)",
328
338
  type: "color",
329
339
  attributes: {
@@ -353,12 +363,13 @@ export default {
353
363
  attributes: {
354
364
  category: "color",
355
365
  },
366
+ key: "{semantic.color.transparent.inverse.hover}",
356
367
  },
357
368
  name: "calciteColorTransparentInverseHover",
358
369
  path: ["semantic", "color", "transparent", "inverse", "hover"],
359
- key: "{semantic.color.transparent.inverse.hover}",
360
370
  },
361
371
  press: {
372
+ key: "{semantic.color.transparent.inverse.press}",
362
373
  value: "rgba(255, 255, 255, 0.16)",
363
374
  type: "color",
364
375
  attributes: {
@@ -388,13 +399,14 @@ export default {
388
399
  attributes: {
389
400
  category: "color",
390
401
  },
402
+ key: "{semantic.color.transparent.inverse.press}",
391
403
  },
392
404
  name: "calciteColorTransparentInversePress",
393
405
  path: ["semantic", "color", "transparent", "inverse", "press"],
394
- key: "{semantic.color.transparent.inverse.press}",
395
406
  },
396
407
  },
397
408
  scrim: {
409
+ key: "{semantic.color.transparent.scrim}",
398
410
  value: "rgba(255, 255, 255, 0.85)",
399
411
  type: "color",
400
412
  attributes: {
@@ -423,12 +435,13 @@ export default {
423
435
  attributes: {
424
436
  category: "color",
425
437
  },
438
+ key: "{semantic.color.transparent.scrim}",
426
439
  },
427
440
  name: "calciteColorTransparentScrim",
428
441
  path: ["semantic", "color", "transparent", "scrim"],
429
- key: "{semantic.color.transparent.scrim}",
430
442
  },
431
443
  tint: {
444
+ key: "{semantic.color.transparent.tint}",
432
445
  value: "rgba(255, 255, 255, 0.8)",
433
446
  type: "color",
434
447
  attributes: {
@@ -457,15 +470,16 @@ export default {
457
470
  attributes: {
458
471
  category: "color",
459
472
  },
473
+ key: "{semantic.color.transparent.tint}",
460
474
  },
461
475
  name: "calciteColorTransparentTint",
462
476
  path: ["semantic", "color", "transparent", "tint"],
463
- key: "{semantic.color.transparent.tint}",
464
477
  },
465
478
  },
466
479
  brand: {
467
480
  default: {
468
481
  default: {
482
+ key: "{semantic.color.brand.default.default}",
469
483
  value: "#007ac2",
470
484
  type: "color",
471
485
  attributes: {
@@ -495,12 +509,13 @@ export default {
495
509
  attributes: {
496
510
  category: "color",
497
511
  },
512
+ key: "{semantic.color.brand.default.default}",
498
513
  },
499
514
  name: "calciteColorBrand",
500
515
  path: ["semantic", "color", "brand", "default", "default"],
501
- key: "{semantic.color.brand.default.default}",
502
516
  },
503
517
  hover: {
518
+ key: "{semantic.color.brand.default.hover}",
504
519
  value: "#00619b",
505
520
  type: "color",
506
521
  attributes: {
@@ -530,12 +545,13 @@ export default {
530
545
  attributes: {
531
546
  category: "color",
532
547
  },
548
+ key: "{semantic.color.brand.default.hover}",
533
549
  },
534
550
  name: "calciteColorBrandHover",
535
551
  path: ["semantic", "color", "brand", "default", "hover"],
536
- key: "{semantic.color.brand.default.hover}",
537
552
  },
538
553
  press: {
554
+ key: "{semantic.color.brand.default.press}",
539
555
  value: "#004874",
540
556
  type: "color",
541
557
  attributes: {
@@ -565,13 +581,14 @@ export default {
565
581
  attributes: {
566
582
  category: "color",
567
583
  },
584
+ key: "{semantic.color.brand.default.press}",
568
585
  },
569
586
  name: "calciteColorBrandPress",
570
587
  path: ["semantic", "color", "brand", "default", "press"],
571
- key: "{semantic.color.brand.default.press}",
572
588
  },
573
589
  },
574
590
  underline: {
591
+ key: "{semantic.color.brand.underline}",
575
592
  type: "color",
576
593
  value: "rgba(0, 97, 155, 0.4)",
577
594
  attributes: {
@@ -601,15 +618,16 @@ export default {
601
618
  attributes: {
602
619
  category: "color",
603
620
  },
621
+ key: "{semantic.color.brand.underline}",
604
622
  },
605
623
  name: "calciteColorBrandUnderline",
606
624
  path: ["semantic", "color", "brand", "underline"],
607
- key: "{semantic.color.brand.underline}",
608
625
  },
609
626
  },
610
627
  status: {
611
628
  info: {
612
629
  default: {
630
+ key: "{semantic.color.status.info.default}",
613
631
  value: "#00619b",
614
632
  type: "color",
615
633
  attributes: {
@@ -639,12 +657,13 @@ export default {
639
657
  attributes: {
640
658
  category: "color",
641
659
  },
660
+ key: "{semantic.color.status.info.default}",
642
661
  },
643
662
  name: "calciteColorStatusInfo",
644
663
  path: ["semantic", "color", "status", "info", "default"],
645
- key: "{semantic.color.status.info.default}",
646
664
  },
647
665
  hover: {
666
+ key: "{semantic.color.status.info.hover}",
648
667
  value: "#004874",
649
668
  type: "color",
650
669
  attributes: {
@@ -674,12 +693,13 @@ export default {
674
693
  attributes: {
675
694
  category: "color",
676
695
  },
696
+ key: "{semantic.color.status.info.hover}",
677
697
  },
678
698
  name: "calciteColorStatusInfoHover",
679
699
  path: ["semantic", "color", "status", "info", "hover"],
680
- key: "{semantic.color.status.info.hover}",
681
700
  },
682
701
  press: {
702
+ key: "{semantic.color.status.info.press}",
683
703
  value: "#00304d",
684
704
  type: "color",
685
705
  attributes: {
@@ -709,14 +729,15 @@ export default {
709
729
  attributes: {
710
730
  category: "color",
711
731
  },
732
+ key: "{semantic.color.status.info.press}",
712
733
  },
713
734
  name: "calciteColorStatusInfoPress",
714
735
  path: ["semantic", "color", "status", "info", "press"],
715
- key: "{semantic.color.status.info.press}",
716
736
  },
717
737
  },
718
738
  success: {
719
739
  default: {
740
+ key: "{semantic.color.status.success.default}",
720
741
  value: "#35ac46",
721
742
  type: "color",
722
743
  attributes: {
@@ -746,12 +767,13 @@ export default {
746
767
  attributes: {
747
768
  category: "color",
748
769
  },
770
+ key: "{semantic.color.status.success.default}",
749
771
  },
750
772
  name: "calciteColorStatusSuccess",
751
773
  path: ["semantic", "color", "status", "success", "default"],
752
- key: "{semantic.color.status.success.default}",
753
774
  },
754
775
  hover: {
776
+ key: "{semantic.color.status.success.hover}",
755
777
  value: "#288835",
756
778
  type: "color",
757
779
  attributes: {
@@ -781,12 +803,13 @@ export default {
781
803
  attributes: {
782
804
  category: "color",
783
805
  },
806
+ key: "{semantic.color.status.success.hover}",
784
807
  },
785
808
  name: "calciteColorStatusSuccessHover",
786
809
  path: ["semantic", "color", "status", "success", "hover"],
787
- key: "{semantic.color.status.success.hover}",
788
810
  },
789
811
  press: {
812
+ key: "{semantic.color.status.success.press}",
790
813
  value: "#1a6324",
791
814
  type: "color",
792
815
  attributes: {
@@ -816,14 +839,15 @@ export default {
816
839
  attributes: {
817
840
  category: "color",
818
841
  },
842
+ key: "{semantic.color.status.success.press}",
819
843
  },
820
844
  name: "calciteColorStatusSuccessPress",
821
845
  path: ["semantic", "color", "status", "success", "press"],
822
- key: "{semantic.color.status.success.press}",
823
846
  },
824
847
  },
825
848
  warning: {
826
849
  default: {
850
+ key: "{semantic.color.status.warning.default}",
827
851
  value: "#f89927",
828
852
  type: "color",
829
853
  attributes: {
@@ -853,12 +877,13 @@ export default {
853
877
  attributes: {
854
878
  category: "color",
855
879
  },
880
+ key: "{semantic.color.status.warning.default}",
856
881
  },
857
882
  name: "calciteColorStatusWarning",
858
883
  path: ["semantic", "color", "status", "warning", "default"],
859
- key: "{semantic.color.status.warning.default}",
860
884
  },
861
885
  hover: {
886
+ key: "{semantic.color.status.warning.hover}",
862
887
  value: "#d17300",
863
888
  type: "color",
864
889
  attributes: {
@@ -888,12 +913,13 @@ export default {
888
913
  attributes: {
889
914
  category: "color",
890
915
  },
916
+ key: "{semantic.color.status.warning.hover}",
891
917
  },
892
918
  name: "calciteColorStatusWarningHover",
893
919
  path: ["semantic", "color", "status", "warning", "hover"],
894
- key: "{semantic.color.status.warning.hover}",
895
920
  },
896
921
  press: {
922
+ key: "{semantic.color.status.warning.press}",
897
923
  value: "#9a5b10",
898
924
  type: "color",
899
925
  attributes: {
@@ -923,14 +949,15 @@ export default {
923
949
  attributes: {
924
950
  category: "color",
925
951
  },
952
+ key: "{semantic.color.status.warning.press}",
926
953
  },
927
954
  name: "calciteColorStatusWarningPress",
928
955
  path: ["semantic", "color", "status", "warning", "press"],
929
- key: "{semantic.color.status.warning.press}",
930
956
  },
931
957
  },
932
958
  danger: {
933
959
  default: {
960
+ key: "{semantic.color.status.danger.default}",
934
961
  value: "#d83020",
935
962
  type: "color",
936
963
  attributes: {
@@ -960,12 +987,13 @@ export default {
960
987
  attributes: {
961
988
  category: "color",
962
989
  },
990
+ key: "{semantic.color.status.danger.default}",
963
991
  },
964
992
  name: "calciteColorStatusDanger",
965
993
  path: ["semantic", "color", "status", "danger", "default"],
966
- key: "{semantic.color.status.danger.default}",
967
994
  },
968
995
  hover: {
996
+ key: "{semantic.color.status.danger.hover}",
969
997
  value: "#a82b1e",
970
998
  type: "color",
971
999
  attributes: {
@@ -995,12 +1023,13 @@ export default {
995
1023
  attributes: {
996
1024
  category: "color",
997
1025
  },
1026
+ key: "{semantic.color.status.danger.hover}",
998
1027
  },
999
1028
  name: "calciteColorStatusDangerHover",
1000
1029
  path: ["semantic", "color", "status", "danger", "hover"],
1001
- key: "{semantic.color.status.danger.hover}",
1002
1030
  },
1003
1031
  press: {
1032
+ key: "{semantic.color.status.danger.press}",
1004
1033
  value: "#7c1d13",
1005
1034
  type: "color",
1006
1035
  attributes: {
@@ -1030,15 +1059,16 @@ export default {
1030
1059
  attributes: {
1031
1060
  category: "color",
1032
1061
  },
1062
+ key: "{semantic.color.status.danger.press}",
1033
1063
  },
1034
1064
  name: "calciteColorStatusDangerPress",
1035
1065
  path: ["semantic", "color", "status", "danger", "press"],
1036
- key: "{semantic.color.status.danger.press}",
1037
1066
  },
1038
1067
  },
1039
1068
  },
1040
1069
  inverse: {
1041
1070
  default: {
1071
+ key: "{semantic.color.inverse.default}",
1042
1072
  value: "#363636",
1043
1073
  type: "color",
1044
1074
  attributes: {
@@ -1067,12 +1097,13 @@ export default {
1067
1097
  attributes: {
1068
1098
  category: "color",
1069
1099
  },
1100
+ key: "{semantic.color.inverse.default}",
1070
1101
  },
1071
1102
  name: "calciteColorInverse",
1072
1103
  path: ["semantic", "color", "inverse", "default"],
1073
- key: "{semantic.color.inverse.default}",
1074
1104
  },
1075
1105
  hover: {
1106
+ key: "{semantic.color.inverse.hover}",
1076
1107
  value: "#2b2b2b",
1077
1108
  type: "color",
1078
1109
  attributes: {
@@ -1101,12 +1132,13 @@ export default {
1101
1132
  attributes: {
1102
1133
  category: "color",
1103
1134
  },
1135
+ key: "{semantic.color.inverse.hover}",
1104
1136
  },
1105
1137
  name: "calciteColorInverseHover",
1106
1138
  path: ["semantic", "color", "inverse", "hover"],
1107
- key: "{semantic.color.inverse.hover}",
1108
1139
  },
1109
1140
  press: {
1141
+ key: "{semantic.color.inverse.press}",
1110
1142
  value: "#212121",
1111
1143
  type: "color",
1112
1144
  attributes: {
@@ -1135,14 +1167,15 @@ export default {
1135
1167
  attributes: {
1136
1168
  category: "color",
1137
1169
  },
1170
+ key: "{semantic.color.inverse.press}",
1138
1171
  },
1139
1172
  name: "calciteColorInversePress",
1140
1173
  path: ["semantic", "color", "inverse", "press"],
1141
- key: "{semantic.color.inverse.press}",
1142
1174
  },
1143
1175
  },
1144
1176
  text: {
1145
1177
  1: {
1178
+ key: "{semantic.color.text.1}",
1146
1179
  value: "#141414",
1147
1180
  type: "color",
1148
1181
  attributes: {
@@ -1171,12 +1204,13 @@ export default {
1171
1204
  attributes: {
1172
1205
  category: "color",
1173
1206
  },
1207
+ key: "{semantic.color.text.1}",
1174
1208
  },
1175
1209
  name: "calciteColorText1",
1176
1210
  path: ["semantic", "color", "text", "1"],
1177
- key: "{semantic.color.text.1}",
1178
1211
  },
1179
1212
  2: {
1213
+ key: "{semantic.color.text.2}",
1180
1214
  value: "#4a4a4a",
1181
1215
  type: "color",
1182
1216
  attributes: {
@@ -1205,12 +1239,13 @@ export default {
1205
1239
  attributes: {
1206
1240
  category: "color",
1207
1241
  },
1242
+ key: "{semantic.color.text.2}",
1208
1243
  },
1209
1244
  name: "calciteColorText2",
1210
1245
  path: ["semantic", "color", "text", "2"],
1211
- key: "{semantic.color.text.2}",
1212
1246
  },
1213
1247
  3: {
1248
+ key: "{semantic.color.text.3}",
1214
1249
  value: "#6b6b6b",
1215
1250
  type: "color",
1216
1251
  attributes: {
@@ -1239,12 +1274,13 @@ export default {
1239
1274
  attributes: {
1240
1275
  category: "color",
1241
1276
  },
1277
+ key: "{semantic.color.text.3}",
1242
1278
  },
1243
1279
  name: "calciteColorText3",
1244
1280
  path: ["semantic", "color", "text", "3"],
1245
- key: "{semantic.color.text.3}",
1246
1281
  },
1247
1282
  highlight: {
1283
+ key: "{semantic.color.text.highlight}",
1248
1284
  value: "#004874",
1249
1285
  type: "color",
1250
1286
  attributes: {
@@ -1273,12 +1309,13 @@ export default {
1273
1309
  attributes: {
1274
1310
  category: "color",
1275
1311
  },
1312
+ key: "{semantic.color.text.highlight}",
1276
1313
  },
1277
1314
  name: "calciteColorTextHighlight",
1278
1315
  path: ["semantic", "color", "text", "highlight"],
1279
- key: "{semantic.color.text.highlight}",
1280
1316
  },
1281
1317
  inverse: {
1318
+ key: "{semantic.color.text.inverse}",
1282
1319
  value: "#ffffff",
1283
1320
  type: "color",
1284
1321
  attributes: {
@@ -1307,12 +1344,13 @@ export default {
1307
1344
  attributes: {
1308
1345
  category: "color",
1309
1346
  },
1347
+ key: "{semantic.color.text.inverse}",
1310
1348
  },
1311
1349
  name: "calciteColorTextInverse",
1312
1350
  path: ["semantic", "color", "text", "inverse"],
1313
- key: "{semantic.color.text.inverse}",
1314
1351
  },
1315
1352
  link: {
1353
+ key: "{semantic.color.text.link}",
1316
1354
  value: "#00619b",
1317
1355
  type: "color",
1318
1356
  attributes: {
@@ -1341,14 +1379,15 @@ export default {
1341
1379
  attributes: {
1342
1380
  category: "color",
1343
1381
  },
1382
+ key: "{semantic.color.text.link}",
1344
1383
  },
1345
1384
  name: "calciteColorTextLink",
1346
1385
  path: ["semantic", "color", "text", "link"],
1347
- key: "{semantic.color.text.link}",
1348
1386
  },
1349
1387
  },
1350
1388
  border: {
1351
1389
  1: {
1390
+ key: "{semantic.color.border.1}",
1352
1391
  value: "#c9c9c9",
1353
1392
  type: "color",
1354
1393
  attributes: {
@@ -1377,12 +1416,13 @@ export default {
1377
1416
  attributes: {
1378
1417
  category: "color",
1379
1418
  },
1419
+ key: "{semantic.color.border.1}",
1380
1420
  },
1381
1421
  name: "calciteColorBorder1",
1382
1422
  path: ["semantic", "color", "border", "1"],
1383
- key: "{semantic.color.border.1}",
1384
1423
  },
1385
1424
  2: {
1425
+ key: "{semantic.color.border.2}",
1386
1426
  value: "#d4d4d4",
1387
1427
  type: "color",
1388
1428
  attributes: {
@@ -1411,12 +1451,13 @@ export default {
1411
1451
  attributes: {
1412
1452
  category: "color",
1413
1453
  },
1454
+ key: "{semantic.color.border.2}",
1414
1455
  },
1415
1456
  name: "calciteColorBorder2",
1416
1457
  path: ["semantic", "color", "border", "2"],
1417
- key: "{semantic.color.border.2}",
1418
1458
  },
1419
1459
  3: {
1460
+ key: "{semantic.color.border.3}",
1420
1461
  value: "#dedede",
1421
1462
  type: "color",
1422
1463
  attributes: {
@@ -1445,12 +1486,13 @@ export default {
1445
1486
  attributes: {
1446
1487
  category: "color",
1447
1488
  },
1489
+ key: "{semantic.color.border.3}",
1448
1490
  },
1449
1491
  name: "calciteColorBorder3",
1450
1492
  path: ["semantic", "color", "border", "3"],
1451
- key: "{semantic.color.border.3}",
1452
1493
  },
1453
1494
  input: {
1495
+ key: "{semantic.color.border.input}",
1454
1496
  value: "#949494",
1455
1497
  type: "color",
1456
1498
  attributes: {
@@ -1479,12 +1521,13 @@ export default {
1479
1521
  attributes: {
1480
1522
  category: "color",
1481
1523
  },
1524
+ key: "{semantic.color.border.input}",
1482
1525
  },
1483
1526
  name: "calciteColorBorderInput",
1484
1527
  path: ["semantic", "color", "border", "input"],
1485
- key: "{semantic.color.border.input}",
1486
1528
  },
1487
1529
  ghost: {
1530
+ key: "{semantic.color.border.ghost}",
1488
1531
  value: "rgba(0, 0, 0, 0.3)",
1489
1532
  type: "color",
1490
1533
  attributes: {
@@ -1513,12 +1556,13 @@ export default {
1513
1556
  attributes: {
1514
1557
  category: "color",
1515
1558
  },
1559
+ key: "{semantic.color.border.ghost}",
1516
1560
  },
1517
1561
  name: "calciteColorBorderGhost",
1518
1562
  path: ["semantic", "color", "border", "ghost"],
1519
- key: "{semantic.color.border.ghost}",
1520
1563
  },
1521
1564
  white: {
1565
+ key: "{semantic.color.border.white}",
1522
1566
  value: "#ffffff",
1523
1567
  type: "color",
1524
1568
  attributes: {
@@ -1547,10 +1591,10 @@ export default {
1547
1591
  attributes: {
1548
1592
  category: "color",
1549
1593
  },
1594
+ key: "{semantic.color.border.white}",
1550
1595
  },
1551
1596
  name: "calciteColorBorderWhite",
1552
1597
  path: ["semantic", "color", "border", "white"],
1553
- key: "{semantic.color.border.white}",
1554
1598
  },
1555
1599
  },
1556
1600
  },