@openkfw/design-tokens 0.5.7 → 0.5.8

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.
@@ -4,15 +4,7 @@
4
4
  "blue": {
5
5
  "100": {
6
6
  "key": "{base.color.blue.100}",
7
- "$value": {
8
- "colorSpace": "srgb",
9
- "components": [
10
- 0.9137,
11
- 0.9608,
12
- 0.9843
13
- ],
14
- "hex": "#e9f5fb"
15
- },
7
+ "$value": "#e9f5fb",
16
8
  "filePath": "tokens/tokens.json",
17
9
  "isSource": true,
18
10
  "$type": "color",
@@ -45,15 +37,7 @@
45
37
  },
46
38
  "400": {
47
39
  "key": "{base.color.blue.400}",
48
- "$value": {
49
- "colorSpace": "srgb",
50
- "components": [
51
- 0.3294,
52
- 0.7039,
53
- 0.8863
54
- ],
55
- "hex": "#54b3e2"
56
- },
40
+ "$value": "#54b3e2",
57
41
  "filePath": "tokens/tokens.json",
58
42
  "isSource": true,
59
43
  "$type": "color",
@@ -86,15 +70,7 @@
86
70
  },
87
71
  "500": {
88
72
  "key": "{base.color.blue.500}",
89
- "$value": {
90
- "colorSpace": "srgb",
91
- "components": [
92
- 0,
93
- 0.4784,
94
- 0.7373
95
- ],
96
- "hex": "#007abc"
97
- },
73
+ "$value": "#007abc",
98
74
  "filePath": "tokens/tokens.json",
99
75
  "isSource": true,
100
76
  "$type": "color",
@@ -127,15 +103,7 @@
127
103
  },
128
104
  "600": {
129
105
  "key": "{base.color.blue.600}",
130
- "$value": {
131
- "colorSpace": "srgb",
132
- "components": [
133
- 0,
134
- 0.3529,
135
- 0.549
136
- ],
137
- "hex": "#005a8c"
138
- },
106
+ "$value": "#005a8c",
139
107
  "filePath": "tokens/tokens.json",
140
108
  "isSource": true,
141
109
  "$type": "color",
@@ -168,15 +136,7 @@
168
136
  },
169
137
  "700": {
170
138
  "key": "{base.color.blue.700}",
171
- "$value": {
172
- "colorSpace": "srgb",
173
- "components": [
174
- 0,
175
- 0.2667,
176
- 0.4314
177
- ],
178
- "hex": "#00446e"
179
- },
139
+ "$value": "#00446e",
180
140
  "filePath": "tokens/tokens.json",
181
141
  "isSource": true,
182
142
  "$type": "color",
@@ -209,15 +169,7 @@
209
169
  },
210
170
  "800": {
211
171
  "key": "{base.color.blue.800}",
212
- "$value": {
213
- "colorSpace": "srgb",
214
- "components": [
215
- 0,
216
- 0.2157,
217
- 0.3588
218
- ],
219
- "hex": "#00375b"
220
- },
172
+ "$value": "#00375b",
221
173
  "filePath": "tokens/tokens.json",
222
174
  "isSource": true,
223
175
  "$type": "color",
@@ -252,15 +204,7 @@
252
204
  "green": {
253
205
  "100": {
254
206
  "key": "{base.color.green.100}",
255
- "$value": {
256
- "colorSpace": "srgb",
257
- "components": [
258
- 0.9255,
259
- 0.9922,
260
- 0.9294
261
- ],
262
- "hex": "#ecfded"
263
- },
207
+ "$value": "#ecfded",
264
208
  "filePath": "tokens/tokens.json",
265
209
  "isSource": true,
266
210
  "$type": "color",
@@ -293,15 +237,7 @@
293
237
  },
294
238
  "300": {
295
239
  "key": "{base.color.green.300}",
296
- "$value": {
297
- "colorSpace": "srgb",
298
- "components": [
299
- 0.7176,
300
- 0.9765,
301
- 0.6667
302
- ],
303
- "hex": "#b7f9aa"
304
- },
240
+ "$value": "#b7f9aa",
305
241
  "filePath": "tokens/tokens.json",
306
242
  "isSource": true,
307
243
  "$type": "color",
@@ -334,15 +270,7 @@
334
270
  },
335
271
  "400": {
336
272
  "key": "{base.color.green.400}",
337
- "$value": {
338
- "colorSpace": "srgb",
339
- "components": [
340
- 0.5804,
341
- 0.9216,
342
- 0.5647
343
- ],
344
- "hex": "#94eb90"
345
- },
273
+ "$value": "#94eb90",
346
274
  "filePath": "tokens/tokens.json",
347
275
  "isSource": true,
348
276
  "$type": "color",
@@ -375,15 +303,7 @@
375
303
  },
376
304
  "700": {
377
305
  "key": "{base.color.green.700}",
378
- "$value": {
379
- "colorSpace": "srgb",
380
- "components": [
381
- 0.2235,
382
- 0.5137,
383
- 0.3412
384
- ],
385
- "hex": "#398357"
386
- },
306
+ "$value": "#398357",
387
307
  "filePath": "tokens/tokens.json",
388
308
  "isSource": true,
389
309
  "$type": "color",
@@ -418,16 +338,7 @@
418
338
  "white": {
419
339
  "90": {
420
340
  "key": "{base.color.white.90}",
421
- "$value": {
422
- "colorSpace": "srgb",
423
- "components": [
424
- 1,
425
- 1,
426
- 1
427
- ],
428
- "hex": "#ffffff",
429
- "alpha": 0.9
430
- },
341
+ "$value": "#ffffffe6",
431
342
  "filePath": "tokens/tokens.json",
432
343
  "isSource": true,
433
344
  "$type": "color",
@@ -461,16 +372,7 @@
461
372
  },
462
373
  "95": {
463
374
  "key": "{base.color.white.95}",
464
- "$value": {
465
- "colorSpace": "srgb",
466
- "components": [
467
- 1,
468
- 1,
469
- 1
470
- ],
471
- "hex": "#ffffff",
472
- "alpha": 0.95
473
- },
375
+ "$value": "#fffffff2",
474
376
  "filePath": "tokens/tokens.json",
475
377
  "isSource": true,
476
378
  "$type": "color",
@@ -504,15 +406,7 @@
504
406
  },
505
407
  "default": {
506
408
  "key": "{base.color.white.default}",
507
- "$value": {
508
- "colorSpace": "srgb",
509
- "components": [
510
- 1,
511
- 1,
512
- 1
513
- ],
514
- "hex": "#ffffff"
515
- },
409
+ "$value": "#fff",
516
410
  "filePath": "tokens/tokens.json",
517
411
  "isSource": true,
518
412
  "$type": "color",
@@ -546,15 +440,7 @@
546
440
  },
547
441
  "black": {
548
442
  "key": "{base.color.black}",
549
- "$value": {
550
- "colorSpace": "srgb",
551
- "components": [
552
- 0,
553
- 0,
554
- 0
555
- ],
556
- "hex": "#000000"
557
- },
443
+ "$value": "#000",
558
444
  "filePath": "tokens/tokens.json",
559
445
  "isSource": true,
560
446
  "$type": "color",
@@ -586,15 +472,7 @@
586
472
  "gray": {
587
473
  "50": {
588
474
  "key": "{base.color.gray.50}",
589
- "$value": {
590
- "colorSpace": "srgb",
591
- "components": [
592
- 0.9647,
593
- 0.9686,
594
- 0.9725
595
- ],
596
- "hex": "#f6f7f8"
597
- },
475
+ "$value": "#f6f7f8",
598
476
  "filePath": "tokens/tokens.json",
599
477
  "isSource": true,
600
478
  "$type": "color",
@@ -627,15 +505,7 @@
627
505
  },
628
506
  "100": {
629
507
  "key": "{base.color.gray.100}",
630
- "$value": {
631
- "colorSpace": "srgb",
632
- "components": [
633
- 0.9333,
634
- 0.9412,
635
- 0.949
636
- ],
637
- "hex": "#eef0f2"
638
- },
508
+ "$value": "#eef0f2",
639
509
  "filePath": "tokens/tokens.json",
640
510
  "isSource": true,
641
511
  "$type": "color",
@@ -668,15 +538,7 @@
668
538
  },
669
539
  "200": {
670
540
  "key": "{base.color.gray.200}",
671
- "$value": {
672
- "colorSpace": "srgb",
673
- "components": [
674
- 0.8471,
675
- 0.8755,
676
- 0.8902
677
- ],
678
- "hex": "#d8dfe3"
679
- },
541
+ "$value": "#d8dfe3",
680
542
  "filePath": "tokens/tokens.json",
681
543
  "isSource": true,
682
544
  "$type": "color",
@@ -709,15 +571,7 @@
709
571
  },
710
572
  "300": {
711
573
  "key": "{base.color.gray.300}",
712
- "$value": {
713
- "colorSpace": "srgb",
714
- "components": [
715
- 0.6314,
716
- 0.6784,
717
- 0.7098
718
- ],
719
- "hex": "#a1adb5"
720
- },
574
+ "$value": "#a1adb5",
721
575
  "filePath": "tokens/tokens.json",
722
576
  "isSource": true,
723
577
  "$type": "color",
@@ -750,15 +604,7 @@
750
604
  },
751
605
  "400": {
752
606
  "key": "{base.color.gray.400}",
753
- "$value": {
754
- "colorSpace": "srgb",
755
- "components": [
756
- 0.4275,
757
- 0.4627,
758
- 0.4902
759
- ],
760
- "hex": "#6d767d"
761
- },
607
+ "$value": "#6d767d",
762
608
  "filePath": "tokens/tokens.json",
763
609
  "isSource": true,
764
610
  "$type": "color",
@@ -792,16 +638,7 @@
792
638
  "500": {
793
639
  "10": {
794
640
  "key": "{base.color.gray.500.10}",
795
- "$value": {
796
- "colorSpace": "srgb",
797
- "components": [
798
- 0.2549,
799
- 0.2784,
800
- 0.298
801
- ],
802
- "hex": "#41484c",
803
- "alpha": 0.1
804
- },
641
+ "$value": "#41484c1a",
805
642
  "filePath": "tokens/tokens.json",
806
643
  "isSource": true,
807
644
  "$type": "color",
@@ -810,7 +647,7 @@
810
647
  "colorSpace": "srgb",
811
648
  "components": [
812
649
  0.2549,
813
- 0.2784,
650
+ 0.2824,
814
651
  0.298
815
652
  ],
816
653
  "hex": "#41484c",
@@ -837,16 +674,7 @@
837
674
  },
838
675
  "30": {
839
676
  "key": "{base.color.gray.500.30}",
840
- "$value": {
841
- "colorSpace": "srgb",
842
- "components": [
843
- 0.2549,
844
- 0.2784,
845
- 0.298
846
- ],
847
- "hex": "#41484c",
848
- "alpha": 0.3
849
- },
677
+ "$value": "#41484c4d",
850
678
  "filePath": "tokens/tokens.json",
851
679
  "isSource": true,
852
680
  "$type": "color",
@@ -855,7 +683,7 @@
855
683
  "colorSpace": "srgb",
856
684
  "components": [
857
685
  0.2549,
858
- 0.2784,
686
+ 0.2824,
859
687
  0.298
860
688
  ],
861
689
  "hex": "#41484c",
@@ -882,16 +710,7 @@
882
710
  },
883
711
  "90": {
884
712
  "key": "{base.color.gray.500.90}",
885
- "$value": {
886
- "colorSpace": "srgb",
887
- "components": [
888
- 0.2549,
889
- 0.2784,
890
- 0.298
891
- ],
892
- "hex": "#41484c",
893
- "alpha": 0.9
894
- },
713
+ "$value": "#41484ce6",
895
714
  "filePath": "tokens/tokens.json",
896
715
  "isSource": true,
897
716
  "$type": "color",
@@ -900,7 +719,7 @@
900
719
  "colorSpace": "srgb",
901
720
  "components": [
902
721
  0.2549,
903
- 0.2784,
722
+ 0.2824,
904
723
  0.298
905
724
  ],
906
725
  "hex": "#41484c",
@@ -927,15 +746,7 @@
927
746
  },
928
747
  "default": {
929
748
  "key": "{base.color.gray.500.default}",
930
- "$value": {
931
- "colorSpace": "srgb",
932
- "components": [
933
- 0.2549,
934
- 0.2784,
935
- 0.298
936
- ],
937
- "hex": "#41484c"
938
- },
749
+ "$value": "#41484c",
939
750
  "filePath": "tokens/tokens.json",
940
751
  "isSource": true,
941
752
  "$type": "color",
@@ -944,7 +755,7 @@
944
755
  "colorSpace": "srgb",
945
756
  "components": [
946
757
  0.2549,
947
- 0.2784,
758
+ 0.2824,
948
759
  0.298
949
760
  ],
950
761
  "hex": "#41484c"
@@ -971,15 +782,7 @@
971
782
  },
972
783
  "600": {
973
784
  "key": "{base.color.gray.600}",
974
- "$value": {
975
- "colorSpace": "srgb",
976
- "components": [
977
- 0.1765,
978
- 0.1922,
979
- 0.2039
980
- ],
981
- "hex": "#2d3134"
982
- },
785
+ "$value": "#2d3134",
983
786
  "filePath": "tokens/tokens.json",
984
787
  "isSource": true,
985
788
  "$type": "color",
@@ -1014,15 +817,7 @@
1014
817
  "violet": {
1015
818
  "400": {
1016
819
  "key": "{base.color.violet.400}",
1017
- "$value": {
1018
- "colorSpace": "srgb",
1019
- "components": [
1020
- 0.6431,
1021
- 0.3333,
1022
- 0.7725
1023
- ],
1024
- "hex": "#a455c5"
1025
- },
820
+ "$value": "#a455c5",
1026
821
  "filePath": "tokens/tokens.json",
1027
822
  "isSource": true,
1028
823
  "$type": "color",
@@ -1055,15 +850,7 @@
1055
850
  },
1056
851
  "500": {
1057
852
  "key": "{base.color.violet.500}",
1058
- "$value": {
1059
- "colorSpace": "srgb",
1060
- "components": [
1061
- 0.3921,
1062
- 0.1921,
1063
- 0.4745
1064
- ],
1065
- "hex": "#643179"
1066
- },
853
+ "$value": "#643179",
1067
854
  "filePath": "tokens/tokens.json",
1068
855
  "isSource": true,
1069
856
  "$type": "color",
@@ -1098,15 +885,7 @@
1098
885
  "red": {
1099
886
  "400": {
1100
887
  "key": "{base.color.red.400}",
1101
- "$value": {
1102
- "colorSpace": "srgb",
1103
- "components": [
1104
- 0.7843,
1105
- 0.0196,
1106
- 0.2157
1107
- ],
1108
- "hex": "#c80538"
1109
- },
888
+ "$value": "#c80538",
1110
889
  "filePath": "tokens/tokens.json",
1111
890
  "isSource": true,
1112
891
  "$type": "color",
@@ -1116,7 +895,7 @@
1116
895
  "components": [
1117
896
  0.7843,
1118
897
  0.0196,
1119
- 0.2157
898
+ 0.2196
1120
899
  ],
1121
900
  "hex": "#c80538"
1122
901
  },
@@ -1141,15 +920,7 @@
1141
920
  "yellow": {
1142
921
  "500": {
1143
922
  "key": "{base.color.yellow.500}",
1144
- "$value": {
1145
- "colorSpace": "srgb",
1146
- "components": [
1147
- 0.9176,
1148
- 0.7843,
1149
- 0.0431
1150
- ],
1151
- "hex": "#eac80b"
1152
- },
923
+ "$value": "#eac80b",
1153
924
  "filePath": "tokens/tokens.json",
1154
925
  "isSource": true,
1155
926
  "$type": "color",
@@ -4503,15 +4274,7 @@
4503
4274
  "fn": {
4504
4275
  "default": {
4505
4276
  "key": "{semantic.color.fn.default}",
4506
- "$value": {
4507
- "colorSpace": "srgb",
4508
- "components": [
4509
- 0,
4510
- 0.3529,
4511
- 0.549
4512
- ],
4513
- "hex": "#005a8c"
4514
- },
4277
+ "$value": "#005a8c",
4515
4278
  "$description": "Main interaction color for buttons and links (Blue 600)",
4516
4279
  "filePath": "tokens/tokens.json",
4517
4280
  "isSource": true,
@@ -4538,15 +4301,7 @@
4538
4301
  },
4539
4302
  "active": {
4540
4303
  "key": "{semantic.color.fn.active}",
4541
- "$value": {
4542
- "colorSpace": "srgb",
4543
- "components": [
4544
- 0,
4545
- 0.2667,
4546
- 0.4314
4547
- ],
4548
- "hex": "#00446e"
4549
- },
4304
+ "$value": "#00446e",
4550
4305
  "$description": "Interaction color when active (e.g., hover, Blue 700)",
4551
4306
  "filePath": "tokens/tokens.json",
4552
4307
  "isSource": true,
@@ -4573,15 +4328,7 @@
4573
4328
  },
4574
4329
  "inactive": {
4575
4330
  "key": "{semantic.color.fn.inactive}",
4576
- "$value": {
4577
- "colorSpace": "srgb",
4578
- "components": [
4579
- 0.6314,
4580
- 0.6784,
4581
- 0.7098
4582
- ],
4583
- "hex": "#a1adb5"
4584
- },
4331
+ "$value": "#a1adb5",
4585
4332
  "$description": "Interaction color when inactive (Gray 300)",
4586
4333
  "filePath": "tokens/tokens.json",
4587
4334
  "isSource": true,
@@ -4608,15 +4355,7 @@
4608
4355
  },
4609
4356
  "border": {
4610
4357
  "key": "{semantic.color.fn.border}",
4611
- "$value": {
4612
- "colorSpace": "srgb",
4613
- "components": [
4614
- 0.1765,
4615
- 0.1922,
4616
- 0.2039
4617
- ],
4618
- "hex": "#2d3134"
4619
- },
4358
+ "$value": "#2d3134",
4620
4359
  "$description": "Interaction border color (Gray 600)",
4621
4360
  "filePath": "tokens/tokens.json",
4622
4361
  "isSource": true,
@@ -4643,15 +4382,7 @@
4643
4382
  },
4644
4383
  "label": {
4645
4384
  "key": "{semantic.color.fn.label}",
4646
- "$value": {
4647
- "colorSpace": "srgb",
4648
- "components": [
4649
- 0.1765,
4650
- 0.1922,
4651
- 0.2039
4652
- ],
4653
- "hex": "#2d3134"
4654
- },
4385
+ "$value": "#2d3134",
4655
4386
  "$description": "Interaction label color (Gray 600)",
4656
4387
  "filePath": "tokens/tokens.json",
4657
4388
  "isSource": true,
@@ -4680,15 +4411,7 @@
4680
4411
  "text": {
4681
4412
  "default": {
4682
4413
  "key": "{semantic.color.text.default}",
4683
- "$value": {
4684
- "colorSpace": "srgb",
4685
- "components": [
4686
- 0.1765,
4687
- 0.1922,
4688
- 0.2039
4689
- ],
4690
- "hex": "#2d3134"
4691
- },
4414
+ "$value": "#2d3134",
4692
4415
  "$description": "Main text color for body (Gray 600)",
4693
4416
  "filePath": "tokens/tokens.json",
4694
4417
  "isSource": true,
@@ -4715,15 +4438,7 @@
4715
4438
  },
4716
4439
  "on-dark-bg": {
4717
4440
  "key": "{semantic.color.text.on-dark-bg}",
4718
- "$value": {
4719
- "colorSpace": "srgb",
4720
- "components": [
4721
- 1,
4722
- 1,
4723
- 1
4724
- ],
4725
- "hex": "#ffffff"
4726
- },
4441
+ "$value": "#fff",
4727
4442
  "$description": "Main text color on dark background (White)",
4728
4443
  "filePath": "tokens/tokens.json",
4729
4444
  "isSource": true,
@@ -4750,15 +4465,7 @@
4750
4465
  },
4751
4466
  "on-disabled": {
4752
4467
  "key": "{semantic.color.text.on-disabled}",
4753
- "$value": {
4754
- "colorSpace": "srgb",
4755
- "components": [
4756
- 1,
4757
- 1,
4758
- 1
4759
- ],
4760
- "hex": "#ffffff"
4761
- },
4468
+ "$value": "#fff",
4762
4469
  "$description": "Main text color on disabled (White)",
4763
4470
  "filePath": "tokens/tokens.json",
4764
4471
  "isSource": true,
@@ -4785,15 +4492,7 @@
4785
4492
  },
4786
4493
  "headline-on-dark-bg": {
4787
4494
  "key": "{semantic.color.text.headline-on-dark-bg}",
4788
- "$value": {
4789
- "colorSpace": "srgb",
4790
- "components": [
4791
- 0.7176,
4792
- 0.9765,
4793
- 0.6667
4794
- ],
4795
- "hex": "#b7f9aa"
4796
- },
4495
+ "$value": "#b7f9aa",
4797
4496
  "$description": "Headline text color on dark background (Green 300)",
4798
4497
  "filePath": "tokens/tokens.json",
4799
4498
  "isSource": true,
@@ -4822,15 +4521,7 @@
4822
4521
  "background": {
4823
4522
  "default": {
4824
4523
  "key": "{semantic.color.background.default}",
4825
- "$value": {
4826
- "colorSpace": "srgb",
4827
- "components": [
4828
- 1,
4829
- 1,
4830
- 1
4831
- ],
4832
- "hex": "#ffffff"
4833
- },
4524
+ "$value": "#fff",
4834
4525
  "$description": "Main background color for body (White)",
4835
4526
  "filePath": "tokens/tokens.json",
4836
4527
  "isSource": true,
@@ -4857,15 +4548,7 @@
4857
4548
  },
4858
4549
  "subtle": {
4859
4550
  "key": "{semantic.color.background.subtle}",
4860
- "$value": {
4861
- "colorSpace": "srgb",
4862
- "components": [
4863
- 0.9647,
4864
- 0.9686,
4865
- 0.9725
4866
- ],
4867
- "hex": "#f6f7f8"
4868
- },
4551
+ "$value": "#f6f7f8",
4869
4552
  "$description": "Neutral (Gray 50)",
4870
4553
  "filePath": "tokens/tokens.json",
4871
4554
  "isSource": true,
@@ -4892,15 +4575,7 @@
4892
4575
  },
4893
4576
  "disabled": {
4894
4577
  "key": "{semantic.color.background.disabled}",
4895
- "$value": {
4896
- "colorSpace": "srgb",
4897
- "components": [
4898
- 0.6314,
4899
- 0.6784,
4900
- 0.7098
4901
- ],
4902
- "hex": "#a1adb5"
4903
- },
4578
+ "$value": "#a1adb5",
4904
4579
  "$description": "Disabled (Gray 300)",
4905
4580
  "filePath": "tokens/tokens.json",
4906
4581
  "isSource": true,
@@ -4927,15 +4602,7 @@
4927
4602
  },
4928
4603
  "light-blue": {
4929
4604
  "key": "{semantic.color.background.light-blue}",
4930
- "$value": {
4931
- "colorSpace": "srgb",
4932
- "components": [
4933
- 0.9137,
4934
- 0.9608,
4935
- 0.9843
4936
- ],
4937
- "hex": "#e9f5fb"
4938
- },
4605
+ "$value": "#e9f5fb",
4939
4606
  "$description": "Light blue (Blue 100)",
4940
4607
  "filePath": "tokens/tokens.json",
4941
4608
  "isSource": true,
@@ -4962,15 +4629,7 @@
4962
4629
  },
4963
4630
  "light-green": {
4964
4631
  "key": "{semantic.color.background.light-green}",
4965
- "$value": {
4966
- "colorSpace": "srgb",
4967
- "components": [
4968
- 0.9255,
4969
- 0.9922,
4970
- 0.9294
4971
- ],
4972
- "hex": "#ecfded"
4973
- },
4632
+ "$value": "#ecfded",
4974
4633
  "$description": "Light green (Green 100)",
4975
4634
  "filePath": "tokens/tokens.json",
4976
4635
  "isSource": true,
@@ -4997,15 +4656,7 @@
4997
4656
  },
4998
4657
  "dark-blue": {
4999
4658
  "key": "{semantic.color.background.dark-blue}",
5000
- "$value": {
5001
- "colorSpace": "srgb",
5002
- "components": [
5003
- 0,
5004
- 0.2157,
5005
- 0.3588
5006
- ],
5007
- "hex": "#00375b"
5008
- },
4659
+ "$value": "#00375b",
5009
4660
  "$description": "Dark blue (Blue 800)",
5010
4661
  "filePath": "tokens/tokens.json",
5011
4662
  "isSource": true,
@@ -5032,15 +4683,7 @@
5032
4683
  },
5033
4684
  "dark-green": {
5034
4685
  "key": "{semantic.color.background.dark-green}",
5035
- "$value": {
5036
- "colorSpace": "srgb",
5037
- "components": [
5038
- 0.2235,
5039
- 0.5137,
5040
- 0.3412
5041
- ],
5042
- "hex": "#398357"
5043
- },
4686
+ "$value": "#398357",
5044
4687
  "$description": "Dark green (Green 700)",
5045
4688
  "filePath": "tokens/tokens.json",
5046
4689
  "isSource": true,
@@ -5069,16 +4712,7 @@
5069
4712
  "opaque": {
5070
4713
  "white-90": {
5071
4714
  "key": "{semantic.color.opaque.white-90}",
5072
- "$value": {
5073
- "colorSpace": "srgb",
5074
- "components": [
5075
- 1,
5076
- 1,
5077
- 1
5078
- ],
5079
- "hex": "#ffffff",
5080
- "alpha": 0.9
5081
- },
4715
+ "$value": "#ffffffe6",
5082
4716
  "$description": "White 90%",
5083
4717
  "filePath": "tokens/tokens.json",
5084
4718
  "isSource": true,
@@ -5105,16 +4739,7 @@
5105
4739
  },
5106
4740
  "white-95": {
5107
4741
  "key": "{semantic.color.opaque.white-95}",
5108
- "$value": {
5109
- "colorSpace": "srgb",
5110
- "components": [
5111
- 1,
5112
- 1,
5113
- 1
5114
- ],
5115
- "hex": "#ffffff",
5116
- "alpha": 0.95
5117
- },
4742
+ "$value": "#fffffff2",
5118
4743
  "$description": "White 95%",
5119
4744
  "filePath": "tokens/tokens.json",
5120
4745
  "isSource": true,
@@ -5141,16 +4766,7 @@
5141
4766
  },
5142
4767
  "gray-500-10": {
5143
4768
  "key": "{semantic.color.opaque.gray-500-10}",
5144
- "$value": {
5145
- "colorSpace": "srgb",
5146
- "components": [
5147
- 0.2549,
5148
- 0.2784,
5149
- 0.298
5150
- ],
5151
- "hex": "#41484c",
5152
- "alpha": 0.1
5153
- },
4769
+ "$value": "#41484c1a",
5154
4770
  "$description": "Gray 500 10%",
5155
4771
  "filePath": "tokens/tokens.json",
5156
4772
  "isSource": true,
@@ -5177,16 +4793,7 @@
5177
4793
  },
5178
4794
  "gray-500-30": {
5179
4795
  "key": "{semantic.color.opaque.gray-500-30}",
5180
- "$value": {
5181
- "colorSpace": "srgb",
5182
- "components": [
5183
- 0.2549,
5184
- 0.2784,
5185
- 0.298
5186
- ],
5187
- "hex": "#41484c",
5188
- "alpha": 0.3
5189
- },
4796
+ "$value": "#41484c4d",
5190
4797
  "$description": "Gray 500 30%",
5191
4798
  "filePath": "tokens/tokens.json",
5192
4799
  "isSource": true,
@@ -5213,16 +4820,7 @@
5213
4820
  },
5214
4821
  "gray-500-90": {
5215
4822
  "key": "{semantic.color.opaque.gray-500-90}",
5216
- "$value": {
5217
- "colorSpace": "srgb",
5218
- "components": [
5219
- 0.2549,
5220
- 0.2784,
5221
- 0.298
5222
- ],
5223
- "hex": "#41484c",
5224
- "alpha": 0.9
5225
- },
4823
+ "$value": "#41484ce6",
5226
4824
  "$description": "Gray 500 90%",
5227
4825
  "filePath": "tokens/tokens.json",
5228
4826
  "isSource": true,
@@ -5251,15 +4849,7 @@
5251
4849
  "state": {
5252
4850
  "danger": {
5253
4851
  "key": "{semantic.color.state.danger}",
5254
- "$value": {
5255
- "colorSpace": "srgb",
5256
- "components": [
5257
- 0.7843,
5258
- 0.0196,
5259
- 0.2157
5260
- ],
5261
- "hex": "#c80538"
5262
- },
4852
+ "$value": "#c80538",
5263
4853
  "filePath": "tokens/tokens.json",
5264
4854
  "isSource": true,
5265
4855
  "$type": "color",
@@ -5284,15 +4874,7 @@
5284
4874
  },
5285
4875
  "success": {
5286
4876
  "key": "{semantic.color.state.success}",
5287
- "$value": {
5288
- "colorSpace": "srgb",
5289
- "components": [
5290
- 0.2235,
5291
- 0.5137,
5292
- 0.3412
5293
- ],
5294
- "hex": "#398357"
5295
- },
4877
+ "$value": "#398357",
5296
4878
  "filePath": "tokens/tokens.json",
5297
4879
  "isSource": true,
5298
4880
  "$type": "color",
@@ -5317,15 +4899,7 @@
5317
4899
  },
5318
4900
  "warning": {
5319
4901
  "key": "{semantic.color.state.warning}",
5320
- "$value": {
5321
- "colorSpace": "srgb",
5322
- "components": [
5323
- 0.6431,
5324
- 0.3333,
5325
- 0.7725
5326
- ],
5327
- "hex": "#a455c5"
5328
- },
4902
+ "$value": "#a455c5",
5329
4903
  "filePath": "tokens/tokens.json",
5330
4904
  "isSource": true,
5331
4905
  "$type": "color",
@@ -5352,15 +4926,7 @@
5352
4926
  "status": {
5353
4927
  "red": {
5354
4928
  "key": "{semantic.color.status.red}",
5355
- "$value": {
5356
- "colorSpace": "srgb",
5357
- "components": [
5358
- 0.7843,
5359
- 0.0196,
5360
- 0.2157
5361
- ],
5362
- "hex": "#c80538"
5363
- },
4929
+ "$value": "#c80538",
5364
4930
  "filePath": "tokens/tokens.json",
5365
4931
  "isSource": true,
5366
4932
  "$type": "color",
@@ -5385,15 +4951,7 @@
5385
4951
  },
5386
4952
  "yellow": {
5387
4953
  "key": "{semantic.color.status.yellow}",
5388
- "$value": {
5389
- "colorSpace": "srgb",
5390
- "components": [
5391
- 0.9176,
5392
- 0.7843,
5393
- 0.0431
5394
- ],
5395
- "hex": "#eac80b"
5396
- },
4954
+ "$value": "#eac80b",
5397
4955
  "filePath": "tokens/tokens.json",
5398
4956
  "isSource": true,
5399
4957
  "$type": "color",
@@ -5418,15 +4976,7 @@
5418
4976
  },
5419
4977
  "green": {
5420
4978
  "key": "{semantic.color.status.green}",
5421
- "$value": {
5422
- "colorSpace": "srgb",
5423
- "components": [
5424
- 0.2235,
5425
- 0.5137,
5426
- 0.3412
5427
- ],
5428
- "hex": "#398357"
5429
- },
4979
+ "$value": "#398357",
5430
4980
  "filePath": "tokens/tokens.json",
5431
4981
  "isSource": true,
5432
4982
  "$type": "color",
@@ -5453,15 +5003,7 @@
5453
5003
  "line": {
5454
5004
  "6": {
5455
5005
  "key": "{semantic.color.line.6}",
5456
- "$value": {
5457
- "colorSpace": "srgb",
5458
- "components": [
5459
- 0,
5460
- 0.2667,
5461
- 0.4314
5462
- ],
5463
- "hex": "#00446e"
5464
- },
5006
+ "$value": "#00446e",
5465
5007
  "filePath": "tokens/tokens.json",
5466
5008
  "isSource": true,
5467
5009
  "$type": "color",
@@ -5486,15 +5028,7 @@
5486
5028
  },
5487
5029
  "7": {
5488
5030
  "key": "{semantic.color.line.7}",
5489
- "$value": {
5490
- "colorSpace": "srgb",
5491
- "components": [
5492
- 0.1765,
5493
- 0.1922,
5494
- 0.2039
5495
- ],
5496
- "hex": "#2d3134"
5497
- },
5031
+ "$value": "#2d3134",
5498
5032
  "filePath": "tokens/tokens.json",
5499
5033
  "isSource": true,
5500
5034
  "$type": "color",
@@ -5519,15 +5053,7 @@
5519
5053
  },
5520
5054
  "8": {
5521
5055
  "key": "{semantic.color.line.8}",
5522
- "$value": {
5523
- "colorSpace": "srgb",
5524
- "components": [
5525
- 0.6314,
5526
- 0.6784,
5527
- 0.7098
5528
- ],
5529
- "hex": "#a1adb5"
5530
- },
5056
+ "$value": "#a1adb5",
5531
5057
  "filePath": "tokens/tokens.json",
5532
5058
  "isSource": true,
5533
5059
  "$type": "color",
@@ -5552,15 +5078,7 @@
5552
5078
  },
5553
5079
  "9": {
5554
5080
  "key": "{semantic.color.line.9}",
5555
- "$value": {
5556
- "colorSpace": "srgb",
5557
- "components": [
5558
- 0,
5559
- 0.3529,
5560
- 0.549
5561
- ],
5562
- "hex": "#005a8c"
5563
- },
5081
+ "$value": "#005a8c",
5564
5082
  "filePath": "tokens/tokens.json",
5565
5083
  "isSource": true,
5566
5084
  "$type": "color",
@@ -5585,15 +5103,7 @@
5585
5103
  },
5586
5104
  "10": {
5587
5105
  "key": "{semantic.color.line.10}",
5588
- "$value": {
5589
- "colorSpace": "srgb",
5590
- "components": [
5591
- 0.1765,
5592
- 0.1922,
5593
- 0.2039
5594
- ],
5595
- "hex": "#2d3134"
5596
- },
5106
+ "$value": "#2d3134",
5597
5107
  "filePath": "tokens/tokens.json",
5598
5108
  "isSource": true,
5599
5109
  "$type": "color",
@@ -5618,15 +5128,7 @@
5618
5128
  },
5619
5129
  "11": {
5620
5130
  "key": "{semantic.color.line.11}",
5621
- "$value": {
5622
- "colorSpace": "srgb",
5623
- "components": [
5624
- 0.7176,
5625
- 0.9765,
5626
- 0.6667
5627
- ],
5628
- "hex": "#b7f9aa"
5629
- },
5131
+ "$value": "#b7f9aa",
5630
5132
  "filePath": "tokens/tokens.json",
5631
5133
  "isSource": true,
5632
5134
  "$type": "color",
@@ -5651,15 +5153,7 @@
5651
5153
  },
5652
5154
  "12": {
5653
5155
  "key": "{semantic.color.line.12}",
5654
- "$value": {
5655
- "colorSpace": "srgb",
5656
- "components": [
5657
- 0.6314,
5658
- 0.6784,
5659
- 0.7098
5660
- ],
5661
- "hex": "#a1adb5"
5662
- },
5156
+ "$value": "#a1adb5",
5663
5157
  "filePath": "tokens/tokens.json",
5664
5158
  "isSource": true,
5665
5159
  "$type": "color",
@@ -5686,15 +5180,7 @@
5686
5180
  "product": {
5687
5181
  "container": {
5688
5182
  "key": "{semantic.color.product.container}",
5689
- "$value": {
5690
- "colorSpace": "srgb",
5691
- "components": [
5692
- 0.9647,
5693
- 0.9686,
5694
- 0.9725
5695
- ],
5696
- "hex": "#f6f7f8"
5697
- },
5183
+ "$value": "#f6f7f8",
5698
5184
  "filePath": "tokens/tokens.json",
5699
5185
  "isSource": true,
5700
5186
  "$type": "color",
@@ -5719,15 +5205,7 @@
5719
5205
  },
5720
5206
  "benefit": {
5721
5207
  "key": "{semantic.color.product.benefit}",
5722
- "$value": {
5723
- "colorSpace": "srgb",
5724
- "components": [
5725
- 0,
5726
- 0.4784,
5727
- 0.7373
5728
- ],
5729
- "hex": "#007abc"
5730
- },
5208
+ "$value": "#007abc",
5731
5209
  "filePath": "tokens/tokens.json",
5732
5210
  "isSource": true,
5733
5211
  "$type": "color",
@@ -5752,15 +5230,7 @@
5752
5230
  },
5753
5231
  "credit": {
5754
5232
  "key": "{semantic.color.product.credit}",
5755
- "$value": {
5756
- "colorSpace": "srgb",
5757
- "components": [
5758
- 0.2235,
5759
- 0.5137,
5760
- 0.3412
5761
- ],
5762
- "hex": "#398357"
5763
- },
5233
+ "$value": "#398357",
5764
5234
  "filePath": "tokens/tokens.json",
5765
5235
  "isSource": true,
5766
5236
  "$type": "color",
@@ -5785,15 +5255,7 @@
5785
5255
  },
5786
5256
  "cooperation": {
5787
5257
  "key": "{semantic.color.product.cooperation}",
5788
- "$value": {
5789
- "colorSpace": "srgb",
5790
- "components": [
5791
- 0.3921,
5792
- 0.1921,
5793
- 0.4745
5794
- ],
5795
- "hex": "#643179"
5796
- },
5258
+ "$value": "#643179",
5797
5259
  "filePath": "tokens/tokens.json",
5798
5260
  "isSource": true,
5799
5261
  "$type": "color",
@@ -5818,15 +5280,7 @@
5818
5280
  },
5819
5281
  "credit-benefit": {
5820
5282
  "key": "{semantic.color.product.credit-benefit}",
5821
- "$value": {
5822
- "colorSpace": "srgb",
5823
- "components": [
5824
- 0.2549,
5825
- 0.2784,
5826
- 0.298
5827
- ],
5828
- "hex": "#41484c"
5829
- },
5283
+ "$value": "#41484c",
5830
5284
  "filePath": "tokens/tokens.json",
5831
5285
  "isSource": true,
5832
5286
  "$type": "color",
@@ -5853,15 +5307,7 @@
5853
5307
  "icon": {
5854
5308
  "default": {
5855
5309
  "key": "{semantic.color.icon.default}",
5856
- "$value": {
5857
- "colorSpace": "srgb",
5858
- "components": [
5859
- 0,
5860
- 0.3529,
5861
- 0.549
5862
- ],
5863
- "hex": "#005a8c"
5864
- },
5310
+ "$value": "#005a8c",
5865
5311
  "filePath": "tokens/tokens.json",
5866
5312
  "isSource": true,
5867
5313
  "$type": "color",
@@ -5886,15 +5332,7 @@
5886
5332
  },
5887
5333
  "secondary": {
5888
5334
  "key": "{semantic.color.icon.secondary}",
5889
- "$value": {
5890
- "colorSpace": "srgb",
5891
- "components": [
5892
- 0.3294,
5893
- 0.7039,
5894
- 0.8863
5895
- ],
5896
- "hex": "#54b3e2"
5897
- },
5335
+ "$value": "#54b3e2",
5898
5336
  "filePath": "tokens/tokens.json",
5899
5337
  "isSource": true,
5900
5338
  "$type": "color",
@@ -5919,15 +5357,7 @@
5919
5357
  },
5920
5358
  "disabled": {
5921
5359
  "key": "{semantic.color.icon.disabled}",
5922
- "$value": {
5923
- "colorSpace": "srgb",
5924
- "components": [
5925
- 0.2235,
5926
- 0.5137,
5927
- 0.3412
5928
- ],
5929
- "hex": "#398357"
5930
- },
5360
+ "$value": "#398357",
5931
5361
  "filePath": "tokens/tokens.json",
5932
5362
  "isSource": true,
5933
5363
  "$type": "color",
@@ -5952,15 +5382,7 @@
5952
5382
  },
5953
5383
  "disabled-secondary": {
5954
5384
  "key": "{semantic.color.icon.disabled-secondary}",
5955
- "$value": {
5956
- "colorSpace": "srgb",
5957
- "components": [
5958
- 0.5804,
5959
- 0.9216,
5960
- 0.5647
5961
- ],
5962
- "hex": "#94eb90"
5963
- },
5385
+ "$value": "#94eb90",
5964
5386
  "filePath": "tokens/tokens.json",
5965
5387
  "isSource": true,
5966
5388
  "$type": "color",