@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/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,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: "#214155",
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(255, 255, 255, 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(255, 255, 255, 0.12)",
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(255, 255, 255, 0.16)",
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(0, 0, 0, 0.04)",
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(0, 0, 0, 0.08)",
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(0, 0, 0, 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(43, 43, 43, 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: "#009af2",
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: "#007ac2",
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: "#00619b",
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, 160, 255, 0.4)",
577
594
  attributes: {
@@ -600,15 +617,16 @@ export default {
600
617
  attributes: {
601
618
  category: "color",
602
619
  },
620
+ key: "{semantic.color.brand.underline}",
603
621
  },
604
622
  name: "calciteColorBrandUnderline",
605
623
  path: ["semantic", "color", "brand", "underline"],
606
- key: "{semantic.color.brand.underline}",
607
624
  },
608
625
  },
609
626
  status: {
610
627
  info: {
611
628
  default: {
629
+ key: "{semantic.color.status.info.default}",
612
630
  value: "#00a0ff",
613
631
  type: "color",
614
632
  attributes: {
@@ -638,12 +656,13 @@ export default {
638
656
  attributes: {
639
657
  category: "color",
640
658
  },
659
+ key: "{semantic.color.status.info.default}",
641
660
  },
642
661
  name: "calciteColorStatusInfo",
643
662
  path: ["semantic", "color", "status", "info", "default"],
644
- key: "{semantic.color.status.info.default}",
645
663
  },
646
664
  hover: {
665
+ key: "{semantic.color.status.info.hover}",
647
666
  value: "#3db8ff",
648
667
  type: "color",
649
668
  attributes: {
@@ -673,12 +692,13 @@ export default {
673
692
  attributes: {
674
693
  category: "color",
675
694
  },
695
+ key: "{semantic.color.status.info.hover}",
676
696
  },
677
697
  name: "calciteColorStatusInfoHover",
678
698
  path: ["semantic", "color", "status", "info", "hover"],
679
- key: "{semantic.color.status.info.hover}",
680
699
  },
681
700
  press: {
701
+ key: "{semantic.color.status.info.press}",
682
702
  value: "#009af2",
683
703
  type: "color",
684
704
  attributes: {
@@ -708,14 +728,15 @@ export default {
708
728
  attributes: {
709
729
  category: "color",
710
730
  },
731
+ key: "{semantic.color.status.info.press}",
711
732
  },
712
733
  name: "calciteColorStatusInfoPress",
713
734
  path: ["semantic", "color", "status", "info", "press"],
714
- key: "{semantic.color.status.info.press}",
715
735
  },
716
736
  },
717
737
  success: {
718
738
  default: {
739
+ key: "{semantic.color.status.success.default}",
719
740
  value: "#36da43",
720
741
  type: "color",
721
742
  attributes: {
@@ -745,12 +766,13 @@ export default {
745
766
  attributes: {
746
767
  category: "color",
747
768
  },
769
+ key: "{semantic.color.status.success.default}",
748
770
  },
749
771
  name: "calciteColorStatusSuccess",
750
772
  path: ["semantic", "color", "status", "success", "default"],
751
- key: "{semantic.color.status.success.default}",
752
773
  },
753
774
  hover: {
775
+ key: "{semantic.color.status.success.hover}",
754
776
  value: "#3bed52",
755
777
  type: "color",
756
778
  attributes: {
@@ -780,12 +802,13 @@ export default {
780
802
  attributes: {
781
803
  category: "color",
782
804
  },
805
+ key: "{semantic.color.status.success.hover}",
783
806
  },
784
807
  name: "calciteColorStatusSuccessHover",
785
808
  path: ["semantic", "color", "status", "success", "hover"],
786
- key: "{semantic.color.status.success.hover}",
787
809
  },
788
810
  press: {
811
+ key: "{semantic.color.status.success.press}",
789
812
  value: "#00b81b",
790
813
  type: "color",
791
814
  category: "color",
@@ -795,6 +818,7 @@ export default {
795
818
  value: "{core.color.vibrant.green.v-gg-160}",
796
819
  type: "color",
797
820
  category: "color",
821
+ key: "{semantic.color.status.success.press}",
798
822
  },
799
823
  name: "calciteColorStatusSuccessPress",
800
824
  attributes: {
@@ -817,11 +841,11 @@ export default {
817
841
  },
818
842
  },
819
843
  path: ["semantic", "color", "status", "success", "press"],
820
- key: "{semantic.color.status.success.press}",
821
844
  },
822
845
  },
823
846
  warning: {
824
847
  default: {
848
+ key: "{semantic.color.status.warning.default}",
825
849
  value: "#f89927",
826
850
  type: "color",
827
851
  attributes: {
@@ -851,12 +875,13 @@ export default {
851
875
  attributes: {
852
876
  category: "color",
853
877
  },
878
+ key: "{semantic.color.status.warning.default}",
854
879
  },
855
880
  name: "calciteColorStatusWarning",
856
881
  path: ["semantic", "color", "status", "warning", "default"],
857
- key: "{semantic.color.status.warning.default}",
858
882
  },
859
883
  hover: {
884
+ key: "{semantic.color.status.warning.hover}",
860
885
  value: "#ffb54d",
861
886
  type: "color",
862
887
  attributes: {
@@ -886,12 +911,13 @@ export default {
886
911
  attributes: {
887
912
  category: "color",
888
913
  },
914
+ key: "{semantic.color.status.warning.hover}",
889
915
  },
890
916
  name: "calciteColorStatusWarningHover",
891
917
  path: ["semantic", "color", "status", "warning", "hover"],
892
- key: "{semantic.color.status.warning.hover}",
893
918
  },
894
919
  press: {
920
+ key: "{semantic.color.status.warning.press}",
895
921
  value: "#ff9500",
896
922
  type: "color",
897
923
  category: "color",
@@ -901,6 +927,7 @@ export default {
901
927
  value: "{core.color.vibrant.orange-yellow.v-oy-140}",
902
928
  type: "color",
903
929
  category: "color",
930
+ key: "{semantic.color.status.warning.press}",
904
931
  },
905
932
  name: "calciteColorStatusWarningPress",
906
933
  attributes: {
@@ -923,11 +950,11 @@ export default {
923
950
  },
924
951
  },
925
952
  path: ["semantic", "color", "status", "warning", "press"],
926
- key: "{semantic.color.status.warning.press}",
927
953
  },
928
954
  },
929
955
  danger: {
930
956
  default: {
957
+ key: "{semantic.color.status.danger.default}",
931
958
  value: "#fe583e",
932
959
  type: "color",
933
960
  attributes: {
@@ -957,12 +984,13 @@ export default {
957
984
  attributes: {
958
985
  category: "color",
959
986
  },
987
+ key: "{semantic.color.status.danger.default}",
960
988
  },
961
989
  name: "calciteColorStatusDanger",
962
990
  path: ["semantic", "color", "status", "danger", "default"],
963
- key: "{semantic.color.status.danger.default}",
964
991
  },
965
992
  hover: {
993
+ key: "{semantic.color.status.danger.hover}",
966
994
  value: "#ff0015",
967
995
  type: "color",
968
996
  attributes: {
@@ -992,12 +1020,13 @@ export default {
992
1020
  attributes: {
993
1021
  category: "color",
994
1022
  },
1023
+ key: "{semantic.color.status.danger.hover}",
995
1024
  },
996
1025
  name: "calciteColorStatusDangerHover",
997
1026
  path: ["semantic", "color", "status", "danger", "hover"],
998
- key: "{semantic.color.status.danger.hover}",
999
1027
  },
1000
1028
  press: {
1029
+ key: "{semantic.color.status.danger.press}",
1001
1030
  value: "#d90012",
1002
1031
  type: "color",
1003
1032
  attributes: {
@@ -1027,15 +1056,16 @@ export default {
1027
1056
  attributes: {
1028
1057
  category: "color",
1029
1058
  },
1059
+ key: "{semantic.color.status.danger.press}",
1030
1060
  },
1031
1061
  name: "calciteColorStatusDangerPress",
1032
1062
  path: ["semantic", "color", "status", "danger", "press"],
1033
- key: "{semantic.color.status.danger.press}",
1034
1063
  },
1035
1064
  },
1036
1065
  },
1037
1066
  inverse: {
1038
1067
  default: {
1068
+ key: "{semantic.color.inverse.default}",
1039
1069
  value: "#f7f7f7",
1040
1070
  type: "color",
1041
1071
  attributes: {
@@ -1064,12 +1094,13 @@ export default {
1064
1094
  attributes: {
1065
1095
  category: "color",
1066
1096
  },
1097
+ key: "{semantic.color.inverse.default}",
1067
1098
  },
1068
1099
  name: "calciteColorInverse",
1069
1100
  path: ["semantic", "color", "inverse", "default"],
1070
- key: "{semantic.color.inverse.default}",
1071
1101
  },
1072
1102
  hover: {
1103
+ key: "{semantic.color.inverse.hover}",
1073
1104
  value: "#ffffff",
1074
1105
  type: "color",
1075
1106
  attributes: {
@@ -1098,12 +1129,13 @@ export default {
1098
1129
  attributes: {
1099
1130
  category: "color",
1100
1131
  },
1132
+ key: "{semantic.color.inverse.hover}",
1101
1133
  },
1102
1134
  name: "calciteColorInverseHover",
1103
1135
  path: ["semantic", "color", "inverse", "hover"],
1104
- key: "{semantic.color.inverse.hover}",
1105
1136
  },
1106
1137
  press: {
1138
+ key: "{semantic.color.inverse.press}",
1107
1139
  value: "#f2f2f2",
1108
1140
  type: "color",
1109
1141
  attributes: {
@@ -1132,14 +1164,15 @@ export default {
1132
1164
  attributes: {
1133
1165
  category: "color",
1134
1166
  },
1167
+ key: "{semantic.color.inverse.press}",
1135
1168
  },
1136
1169
  name: "calciteColorInversePress",
1137
1170
  path: ["semantic", "color", "inverse", "press"],
1138
- key: "{semantic.color.inverse.press}",
1139
1171
  },
1140
1172
  },
1141
1173
  text: {
1142
1174
  1: {
1175
+ key: "{semantic.color.text.1}",
1143
1176
  value: "#ffffff",
1144
1177
  type: "color",
1145
1178
  attributes: {
@@ -1168,12 +1201,13 @@ export default {
1168
1201
  attributes: {
1169
1202
  category: "color",
1170
1203
  },
1204
+ key: "{semantic.color.text.1}",
1171
1205
  },
1172
1206
  name: "calciteColorText1",
1173
1207
  path: ["semantic", "color", "text", "1"],
1174
- key: "{semantic.color.text.1}",
1175
1208
  },
1176
1209
  2: {
1210
+ key: "{semantic.color.text.2}",
1177
1211
  value: "#bfbfbf",
1178
1212
  type: "color",
1179
1213
  attributes: {
@@ -1202,12 +1236,13 @@ export default {
1202
1236
  attributes: {
1203
1237
  category: "color",
1204
1238
  },
1239
+ key: "{semantic.color.text.2}",
1205
1240
  },
1206
1241
  name: "calciteColorText2",
1207
1242
  path: ["semantic", "color", "text", "2"],
1208
- key: "{semantic.color.text.2}",
1209
1243
  },
1210
1244
  3: {
1245
+ key: "{semantic.color.text.3}",
1211
1246
  value: "#9e9e9e",
1212
1247
  type: "color",
1213
1248
  attributes: {
@@ -1236,12 +1271,13 @@ export default {
1236
1271
  attributes: {
1237
1272
  category: "color",
1238
1273
  },
1274
+ key: "{semantic.color.text.3}",
1239
1275
  },
1240
1276
  name: "calciteColorText3",
1241
1277
  path: ["semantic", "color", "text", "3"],
1242
- key: "{semantic.color.text.3}",
1243
1278
  },
1244
1279
  highlight: {
1280
+ key: "{semantic.color.text.highlight}",
1245
1281
  value: "#c7eaff",
1246
1282
  type: "color",
1247
1283
  attributes: {
@@ -1270,12 +1306,13 @@ export default {
1270
1306
  attributes: {
1271
1307
  category: "color",
1272
1308
  },
1309
+ key: "{semantic.color.text.highlight}",
1273
1310
  },
1274
1311
  name: "calciteColorTextHighlight",
1275
1312
  path: ["semantic", "color", "text", "highlight"],
1276
- key: "{semantic.color.text.highlight}",
1277
1313
  },
1278
1314
  inverse: {
1315
+ key: "{semantic.color.text.inverse}",
1279
1316
  value: "#141414",
1280
1317
  type: "color",
1281
1318
  attributes: {
@@ -1304,12 +1341,13 @@ export default {
1304
1341
  attributes: {
1305
1342
  category: "color",
1306
1343
  },
1344
+ key: "{semantic.color.text.inverse}",
1307
1345
  },
1308
1346
  name: "calciteColorTextInverse",
1309
1347
  path: ["semantic", "color", "text", "inverse"],
1310
- key: "{semantic.color.text.inverse}",
1311
1348
  },
1312
1349
  link: {
1350
+ key: "{semantic.color.text.link}",
1313
1351
  value: "#00a0ff",
1314
1352
  type: "color",
1315
1353
  attributes: {
@@ -1338,14 +1376,15 @@ export default {
1338
1376
  attributes: {
1339
1377
  category: "color",
1340
1378
  },
1379
+ key: "{semantic.color.text.link}",
1341
1380
  },
1342
1381
  name: "calciteColorTextLink",
1343
1382
  path: ["semantic", "color", "text", "link"],
1344
- key: "{semantic.color.text.link}",
1345
1383
  },
1346
1384
  },
1347
1385
  border: {
1348
1386
  1: {
1387
+ key: "{semantic.color.border.1}",
1349
1388
  value: "#545454",
1350
1389
  type: "color",
1351
1390
  attributes: {
@@ -1374,12 +1413,13 @@ export default {
1374
1413
  attributes: {
1375
1414
  category: "color",
1376
1415
  },
1416
+ key: "{semantic.color.border.1}",
1377
1417
  },
1378
1418
  name: "calciteColorBorder1",
1379
1419
  path: ["semantic", "color", "border", "1"],
1380
- key: "{semantic.color.border.1}",
1381
1420
  },
1382
1421
  2: {
1422
+ key: "{semantic.color.border.2}",
1383
1423
  value: "#4a4a4a",
1384
1424
  type: "color",
1385
1425
  attributes: {
@@ -1408,12 +1448,13 @@ export default {
1408
1448
  attributes: {
1409
1449
  category: "color",
1410
1450
  },
1451
+ key: "{semantic.color.border.2}",
1411
1452
  },
1412
1453
  name: "calciteColorBorder2",
1413
1454
  path: ["semantic", "color", "border", "2"],
1414
- key: "{semantic.color.border.2}",
1415
1455
  },
1416
1456
  3: {
1457
+ key: "{semantic.color.border.3}",
1417
1458
  value: "#404040",
1418
1459
  type: "color",
1419
1460
  attributes: {
@@ -1442,12 +1483,13 @@ export default {
1442
1483
  attributes: {
1443
1484
  category: "color",
1444
1485
  },
1486
+ key: "{semantic.color.border.3}",
1445
1487
  },
1446
1488
  name: "calciteColorBorder3",
1447
1489
  path: ["semantic", "color", "border", "3"],
1448
- key: "{semantic.color.border.3}",
1449
1490
  },
1450
1491
  input: {
1492
+ key: "{semantic.color.border.input}",
1451
1493
  value: "#757575",
1452
1494
  type: "color",
1453
1495
  attributes: {
@@ -1476,12 +1518,13 @@ export default {
1476
1518
  attributes: {
1477
1519
  category: "color",
1478
1520
  },
1521
+ key: "{semantic.color.border.input}",
1479
1522
  },
1480
1523
  name: "calciteColorBorderInput",
1481
1524
  path: ["semantic", "color", "border", "input"],
1482
- key: "{semantic.color.border.input}",
1483
1525
  },
1484
1526
  ghost: {
1527
+ key: "{semantic.color.border.ghost}",
1485
1528
  value: "rgba(117, 117, 117, 0.3)",
1486
1529
  type: "color",
1487
1530
  attributes: {
@@ -1510,12 +1553,13 @@ export default {
1510
1553
  attributes: {
1511
1554
  category: "color",
1512
1555
  },
1556
+ key: "{semantic.color.border.ghost}",
1513
1557
  },
1514
1558
  name: "calciteColorBorderGhost",
1515
1559
  path: ["semantic", "color", "border", "ghost"],
1516
- key: "{semantic.color.border.ghost}",
1517
1560
  },
1518
1561
  white: {
1562
+ key: "{semantic.color.border.white}",
1519
1563
  value: "#f7f7f7",
1520
1564
  type: "color",
1521
1565
  attributes: {
@@ -1544,10 +1588,10 @@ export default {
1544
1588
  attributes: {
1545
1589
  category: "color",
1546
1590
  },
1591
+ key: "{semantic.color.border.white}",
1547
1592
  },
1548
1593
  name: "calciteColorBorderWhite",
1549
1594
  path: ["semantic", "color", "border", "white"],
1550
- key: "{semantic.color.border.white}",
1551
1595
  },
1552
1596
  },
1553
1597
  },