@progressiveui/themes-core 0.4.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 (29) hide show
  1. package/.env +1 -0
  2. package/CHANGELOG.md +435 -0
  3. package/README.md +81 -0
  4. package/dist/json/variables-full.json +19116 -0
  5. package/dist/scss/default-css-theme.scss +761 -0
  6. package/dist/scss/tokens.scss +430 -0
  7. package/dist/scss/tokensMapDeep.scss +1175 -0
  8. package/dist/scss/tokensMapFlat.scss +438 -0
  9. package/distDark/json/variables-full.json +2790 -0
  10. package/distDark/scss/default-css-theme.scss +67 -0
  11. package/distDark/scss/tokens.scss +141 -0
  12. package/distDark/scss/tokensMapDeep.scss +67 -0
  13. package/distDark/scss/tokensMapFlat.scss +68 -0
  14. package/figmaTokenStudio/tokens.json +2425 -0
  15. package/package.json +39 -0
  16. package/scripts/config.js +315 -0
  17. package/scripts/filterJson.js +99 -0
  18. package/scripts/runTheme.js +7 -0
  19. package/scripts/syncTokens.js +46 -0
  20. package/tokens/design-tokens.tokens.json.legacy +2942 -0
  21. package/tokens/design-tokens.tokens.new.json +2542 -0
  22. package/tokens/font-sizes.json +186 -0
  23. package/tokens/spacings.json.legacy +52 -0
  24. package/tokens/typeScale.json +145 -0
  25. package/tokensDark/color/base.json.legacy +13 -0
  26. package/tokensDark/design-tokens.tokens.json +2846 -0
  27. package/tokensDark/tokens.json.raw +2834 -0
  28. package/tokensDark/typeScale.json +133 -0
  29. package/yarn-error.log +61 -0
package/tokens/design-tokens.tokens.new.json ADDED
@@ -0,0 +1,2542 @@
1
+ {
2
+ "Brand": {
3
+ "WFP-Blue": {
4
+ "WFP-Blue10": {
5
+ "category": "global",
6
+ "value": "#001d31",
7
+ "type": "color"
8
+ },
9
+ "WFP-Blue20": {
10
+ "category": "global",
11
+ "value": "#003351",
12
+ "type": "color"
13
+ },
14
+ "WFP-Blue30": {
15
+ "category": "global",
16
+ "value": "#004b73",
17
+ "type": "color"
18
+ },
19
+ "WFP-Blue40": {
20
+ "category": "global",
21
+ "value": "#006497",
22
+ "type": "color"
23
+ },
24
+ "WFP-Blue50🔹": {
25
+ "category": "global",
26
+ "value": "#007dbc",
27
+ "type": "color"
28
+ },
29
+ "WFP-Blue60": {
30
+ "category": "global",
31
+ "value": "#3998d8",
32
+ "type": "color"
33
+ },
34
+ "WFP-Blue70": {
35
+ "category": "global",
36
+ "value": "#5ab2f5",
37
+ "type": "color"
38
+ },
39
+ "WFP-Blue80": {
40
+ "category": "global",
41
+ "value": "#92ccff",
42
+ "type": "color"
43
+ },
44
+ "WFP-Blue90": {
45
+ "category": "global",
46
+ "value": "#cce5ff",
47
+ "type": "color"
48
+ },
49
+ "WFP-Blue95": {
50
+ "category": "global",
51
+ "value": "#e7f2ff",
52
+ "type": "color"
53
+ }
54
+ },
55
+ "Dark-Blue": {
56
+ "Dark-Blue10": {
57
+ "category": "global",
58
+ "value": "#04193b",
59
+ "type": "color"
60
+ },
61
+ "✅ Dark-Blue20": {
62
+ "category": "global",
63
+ "value": "#0d295c",
64
+ "type": "color"
65
+ },
66
+ "Dark-Blue30": {
67
+ "category": "global",
68
+ "value": "#1a3d80",
69
+ "type": "color"
70
+ },
71
+ "Dark-Blue40": {
72
+ "category": "global",
73
+ "value": "#32549a",
74
+ "type": "color"
75
+ },
76
+ "Dark-Blue50": {
77
+ "category": "global",
78
+ "value": "#4a6cb7",
79
+ "type": "color"
80
+ },
81
+ "Dark-Blue60": {
82
+ "category": "global",
83
+ "value": "#6287d5",
84
+ "type": "color"
85
+ },
86
+ "Dark-Blue70": {
87
+ "category": "global",
88
+ "value": "#7da2f6",
89
+ "type": "color"
90
+ },
91
+ "Dark-Blue80": {
92
+ "category": "global",
93
+ "value": "#a7c0fb",
94
+ "type": "color"
95
+ },
96
+ "Dark-Blue90": {
97
+ "category": "global",
98
+ "value": "#d4dffd",
99
+ "type": "color"
100
+ },
101
+ "Dark-Blue95": {
102
+ "category": "global",
103
+ "value": "#e8edf2",
104
+ "type": "color"
105
+ }
106
+ },
107
+ "main": {
108
+ "category": "system",
109
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
110
+ "type": "color",
111
+ "description": "Main Brand color"
112
+ },
113
+ "inverse": {
114
+ "category": "system",
115
+ "value": "{Neutral.Neutral100 (white)}",
116
+ "type": "color",
117
+ "description": "Color on brand color background"
118
+ }
119
+ },
120
+ "Semantic": {
121
+ "Alert": {
122
+ "Alert10": {
123
+ "category": "global",
124
+ "value": "#2f2400",
125
+ "type": "color"
126
+ },
127
+ "Alert20": {
128
+ "category": "global",
129
+ "value": "#4a3900",
130
+ "type": "color"
131
+ },
132
+ "Alert30": {
133
+ "category": "global",
134
+ "value": "#665000",
135
+ "type": "color"
136
+ },
137
+ "Alert40": {
138
+ "category": "global",
139
+ "value": "#a28100",
140
+ "type": "color"
141
+ },
142
+ "Alert50": {
143
+ "category": "global",
144
+ "value": "#e3b500",
145
+ "type": "color"
146
+ },
147
+ "✅ Alert60": {
148
+ "category": "global",
149
+ "value": "#ffd100",
150
+ "type": "color"
151
+ },
152
+ "Alert70": {
153
+ "category": "global",
154
+ "value": "#ffdc44",
155
+ "type": "color"
156
+ },
157
+ "Alert80": {
158
+ "category": "global",
159
+ "value": "#ffe582",
160
+ "type": "color"
161
+ },
162
+ "Alert90": {
163
+ "category": "global",
164
+ "value": "#ffefb0",
165
+ "type": "color"
166
+ },
167
+ "Alert95": {
168
+ "category": "global",
169
+ "value": "#feebc8",
170
+ "type": "color"
171
+ }
172
+ },
173
+ "Error": {
174
+ "Error10": {
175
+ "category": "global",
176
+ "value": "#38000c",
177
+ "type": "color"
178
+ },
179
+ "Error20": {
180
+ "category": "global",
181
+ "value": "#5c0014",
182
+ "type": "color"
183
+ },
184
+ "Error30": {
185
+ "category": "global",
186
+ "value": "#86001d",
187
+ "type": "color"
188
+ },
189
+ "Error40": {
190
+ "category": "global",
191
+ "value": "#b40027",
192
+ "type": "color"
193
+ },
194
+ "✅ Error50": {
195
+ "category": "global",
196
+ "value": "#e4002b",
197
+ "type": "color"
198
+ },
199
+ "Error60": {
200
+ "category": "global",
201
+ "value": "#fc3b53",
202
+ "type": "color"
203
+ },
204
+ "Error70": {
205
+ "category": "global",
206
+ "value": "#fc777e",
207
+ "type": "color"
208
+ },
209
+ "Error80": {
210
+ "category": "global",
211
+ "value": "#fda6a8",
212
+ "type": "color"
213
+ },
214
+ "Error90": {
215
+ "category": "global",
216
+ "value": "#fed3d3",
217
+ "type": "color"
218
+ },
219
+ "Error95": {
220
+ "category": "global",
221
+ "value": "#fee9e9",
222
+ "type": "color"
223
+ }
224
+ },
225
+ "Success": {
226
+ "Success10": {
227
+ "category": "global",
228
+ "value": "#051e0e",
229
+ "type": "color"
230
+ },
231
+ "Success20": {
232
+ "category": "global",
233
+ "value": "#083216",
234
+ "type": "color"
235
+ },
236
+ "Success30": {
237
+ "category": "global",
238
+ "value": "#0b4a20",
239
+ "type": "color"
240
+ },
241
+ "Success40": {
242
+ "category": "global",
243
+ "value": "#0f642c",
244
+ "type": "color"
245
+ },
246
+ "Success50": {
247
+ "category": "global",
248
+ "value": "#148038",
249
+ "type": "color"
250
+ },
251
+ "✅ Success60": {
252
+ "category": "global",
253
+ "value": "#00ab4a",
254
+ "type": "color"
255
+ },
256
+ "Success70": {
257
+ "category": "global",
258
+ "value": "#36bd5b",
259
+ "type": "color"
260
+ },
261
+ "Success80": {
262
+ "category": "global",
263
+ "value": "#53dd73",
264
+ "type": "color"
265
+ },
266
+ "Success90": {
267
+ "category": "global",
268
+ "value": "#83f79b",
269
+ "type": "color"
270
+ },
271
+ "Success95": {
272
+ "category": "global",
273
+ "value": "#e2ffe4",
274
+ "type": "color"
275
+ }
276
+ }
277
+ },
278
+ "Neutral": {
279
+ "100": {
280
+ "category": "system",
281
+ "value": {
282
+ "color": "{Neutral.Neutral60}",
283
+ "width": "{borderWidth.100}"
284
+ },
285
+ "type": "border"
286
+ },
287
+ "200": {
288
+ "category": "system",
289
+ "value": {
290
+ "color": "{Neutral.Neutral60}",
291
+ "width": "{borderWidth.200}"
292
+ },
293
+ "type": "border"
294
+ },
295
+ "Neutral0(black)": {
296
+ "category": "global",
297
+ "value": "#13162B",
298
+ "type": "color"
299
+ },
300
+ "Neutral10": {
301
+ "category": "global",
302
+ "value": "#171c22",
303
+ "type": "color"
304
+ },
305
+ "Neutral20": {
306
+ "category": "global",
307
+ "value": "#2b3137",
308
+ "type": "color"
309
+ },
310
+ "Neutral30": {
311
+ "category": "global",
312
+ "value": "#42474e",
313
+ "type": "color"
314
+ },
315
+ "Neutral40": {
316
+ "category": "global",
317
+ "value": "#595f65",
318
+ "type": "color"
319
+ },
320
+ "Neutral50": {
321
+ "category": "global",
322
+ "value": "#72787e",
323
+ "type": "color"
324
+ },
325
+ "Neutral60": {
326
+ "category": "global",
327
+ "value": "#8c9198",
328
+ "type": "color"
329
+ },
330
+ "Neutral70": {
331
+ "category": "global",
332
+ "value": "#a6acb3",
333
+ "type": "color"
334
+ },
335
+ "Neutral80": {
336
+ "category": "global",
337
+ "value": "#c2c7ce",
338
+ "type": "color"
339
+ },
340
+ "Neutral90": {
341
+ "category": "global",
342
+ "value": "#dee3eb",
343
+ "type": "color"
344
+ },
345
+ "✅ Neutral95": {
346
+ "category": "global",
347
+ "value": "#f6f7f9",
348
+ "type": "color"
349
+ },
350
+ "Neutral100 (white)": {
351
+ "category": "global",
352
+ "value": "#ffffff",
353
+ "type": "color"
354
+ }
355
+ },
356
+ "fontFamily": {
357
+ "primary": {
358
+ "category": "global",
359
+ "value": "Open Sans",
360
+ "type": "fontFamily",
361
+ "description": "Primary font used"
362
+ },
363
+ "monospace": {
364
+ "category": "global",
365
+ "value": "\"Source Code Pro\", monospace",
366
+ "type": "fontFamily",
367
+ "description": "Monospace font used for code examples"
368
+ },
369
+ "NotoSans": {
370
+ "category": "global",
371
+ "value": "Noto Sans",
372
+ "type": "fontFamily",
373
+ "description": "International secondary font"
374
+ }
375
+ },
376
+ "lineHeight": {
377
+ "75": {
378
+ "category": "global",
379
+ "value": "120%",
380
+ "type": "lineHeights"
381
+ },
382
+ "100": {
383
+ "category": "global",
384
+ "value": "AUTO",
385
+ "type": "lineHeights"
386
+ },
387
+ "125": {
388
+ "category": "global",
389
+ "value": "150%",
390
+ "type": "lineHeights"
391
+ }
392
+ },
393
+ "fontWeight": {
394
+ "Regular": {
395
+ "category": "global",
396
+ "value": "Regular",
397
+ "type": "fontWeights"
398
+ },
399
+ "Bold": {
400
+ "category": "global",
401
+ "value": "Bold",
402
+ "type": "fontWeights"
403
+ },
404
+ "SemiBold": {
405
+ "category": "global",
406
+ "value": "SemiBold",
407
+ "type": "fontWeights"
408
+ }
409
+ },
410
+ "fontSize": {
411
+ "Desktop": {
412
+ "25": {
413
+ "category": "global",
414
+ "value": "10",
415
+ "type": "fontSizes"
416
+ },
417
+ "50": {
418
+ "category": "global",
419
+ "value": "12",
420
+ "type": "fontSizes"
421
+ },
422
+ "75": {
423
+ "category": "global",
424
+ "value": "14",
425
+ "type": "fontSizes",
426
+ "description": "Text Input"
427
+ },
428
+ "100": {
429
+ "category": "global",
430
+ "value": "16",
431
+ "type": "fontSizes"
432
+ },
433
+ "150": {
434
+ "category": "global",
435
+ "value": "18",
436
+ "type": "fontSizes"
437
+ },
438
+ "200": {
439
+ "category": "global",
440
+ "value": "24",
441
+ "type": "fontSizes"
442
+ },
443
+ "300": {
444
+ "category": "global",
445
+ "value": "30",
446
+ "type": "fontSizes"
447
+ },
448
+ "400": {
449
+ "category": "global",
450
+ "value": "32",
451
+ "type": "fontSizes"
452
+ },
453
+ "500": {
454
+ "category": "global",
455
+ "value": "34",
456
+ "type": "fontSizes"
457
+ },
458
+ "600": {
459
+ "category": "global",
460
+ "value": "44",
461
+ "type": "fontSizes"
462
+ },
463
+ "700": {
464
+ "category": "global",
465
+ "value": "56",
466
+ "type": "fontSizes"
467
+ }
468
+ },
469
+ "Mobile": {
470
+ "25": {
471
+ "category": "global",
472
+ "value": "10",
473
+ "type": "fontSizes"
474
+ },
475
+ "50": {
476
+ "category": "global",
477
+ "value": "12",
478
+ "type": "fontSizes"
479
+ },
480
+ "75": {
481
+ "category": "global",
482
+ "value": "14",
483
+ "type": "fontSizes",
484
+ "description": "Text Input"
485
+ },
486
+ "100": {
487
+ "category": "global",
488
+ "value": "16",
489
+ "type": "fontSizes"
490
+ },
491
+ "150": {
492
+ "category": "global",
493
+ "value": "18",
494
+ "type": "fontSizes"
495
+ },
496
+ "200": {
497
+ "category": "global",
498
+ "value": "18",
499
+ "type": "fontSizes"
500
+ },
501
+ "300": {
502
+ "category": "global",
503
+ "value": "20",
504
+ "type": "fontSizes"
505
+ },
506
+ "400": {
507
+ "category": "global",
508
+ "value": "22",
509
+ "type": "fontSizes"
510
+ },
511
+ "500": {
512
+ "category": "global",
513
+ "value": "25",
514
+ "type": "fontSizes"
515
+ },
516
+ "600": {
517
+ "category": "global",
518
+ "value": "28",
519
+ "type": "fontSizes"
520
+ },
521
+ "700": {
522
+ "category": "global",
523
+ "value": "32",
524
+ "type": "fontSizes"
525
+ }
526
+ }
527
+ },
528
+ "letterSpacing": {
529
+ "75": {
530
+ "category": "global",
531
+ "value": "-2%",
532
+ "type": "letterSpacing"
533
+ },
534
+ "100": {
535
+ "category": "global",
536
+ "value": "0",
537
+ "type": "letterSpacing"
538
+ },
539
+ "125": {
540
+ "category": "global",
541
+ "value": "2%",
542
+ "type": "letterSpacing"
543
+ }
544
+ },
545
+ "spacing": {
546
+ "50": {
547
+ "category": "global",
548
+ "value": "2px",
549
+ "type": "spacing"
550
+ },
551
+ "75": {
552
+ "category": "global",
553
+ "value": "4px",
554
+ "type": "spacing"
555
+ },
556
+ "100": {
557
+ "category": "global",
558
+ "value": "8px",
559
+ "type": "spacing"
560
+ },
561
+ "200": {
562
+ "category": "global",
563
+ "value": "12px",
564
+ "type": "spacing"
565
+ },
566
+ "300": {
567
+ "category": "global",
568
+ "value": "16px",
569
+ "type": "spacing"
570
+ },
571
+ "400": {
572
+ "category": "global",
573
+ "value": "24px",
574
+ "type": "spacing"
575
+ },
576
+ "500": {
577
+ "category": "global",
578
+ "value": "32px",
579
+ "type": "spacing"
580
+ },
581
+ "600": {
582
+ "category": "global",
583
+ "value": "40px",
584
+ "type": "spacing"
585
+ },
586
+ "700": {
587
+ "category": "global",
588
+ "value": "48px",
589
+ "type": "spacing"
590
+ },
591
+ "800": {
592
+ "category": "global",
593
+ "value": "64px",
594
+ "type": "spacing"
595
+ },
596
+ "900": {
597
+ "category": "global",
598
+ "value": "80px",
599
+ "type": "spacing"
600
+ },
601
+ "1000": {
602
+ "category": "global",
603
+ "value": "96px",
604
+ "type": "spacing"
605
+ }
606
+ },
607
+ "borderRadius": {
608
+ "100": {
609
+ "category": "global",
610
+ "value": "2px",
611
+ "type": "borderRadius"
612
+ },
613
+ "200": {
614
+ "category": "global",
615
+ "value": "4px",
616
+ "type": "borderRadius"
617
+ },
618
+ "300": {
619
+ "category": "global",
620
+ "value": "6px",
621
+ "type": "borderRadius"
622
+ }
623
+ },
624
+ "borderWidth": {
625
+ "100": {
626
+ "category": "global",
627
+ "value": "1px",
628
+ "type": "borderWidth"
629
+ },
630
+ "200": {
631
+ "category": "global",
632
+ "value": "2px",
633
+ "type": "borderWidth"
634
+ },
635
+ "300": {
636
+ "category": "global",
637
+ "value": "4px",
638
+ "type": "borderWidth"
639
+ }
640
+ },
641
+ "Content": {
642
+ "Content1-Aquamarine": {
643
+ "Content1-10": {
644
+ "category": "global",
645
+ "value": "#051d21",
646
+ "type": "color"
647
+ },
648
+ "Content1-20": {
649
+ "category": "global",
650
+ "value": "#083036",
651
+ "type": "color"
652
+ },
653
+ "Content1-30": {
654
+ "category": "global",
655
+ "value": "#0b464f",
656
+ "type": "color"
657
+ },
658
+ "Content1-40": {
659
+ "category": "global",
660
+ "value": "#0f5f6b",
661
+ "type": "color"
662
+ },
663
+ "Content1-50": {
664
+ "category": "global",
665
+ "value": "#137a89",
666
+ "type": "color"
667
+ },
668
+ "Content1-60": {
669
+ "category": "global",
670
+ "value": "#1897aa",
671
+ "type": "color"
672
+ },
673
+ "✅ Content1-70": {
674
+ "category": "global",
675
+ "value": "#00aec7",
676
+ "type": "color"
677
+ },
678
+ "Content1-80": {
679
+ "category": "global",
680
+ "value": "#50d5eb",
681
+ "type": "color"
682
+ },
683
+ "Content1-90": {
684
+ "category": "global",
685
+ "value": "#9feefd",
686
+ "type": "color"
687
+ },
688
+ "Content1-95": {
689
+ "category": "global",
690
+ "value": "#d1f6fe",
691
+ "type": "color"
692
+ }
693
+ },
694
+ "Content2-Burgundy": {
695
+ "Content2-10": {
696
+ "category": "global",
697
+ "value": "#350020",
698
+ "type": "color"
699
+ },
700
+ "Content2-20": {
701
+ "category": "global",
702
+ "value": "#570036",
703
+ "type": "color"
704
+ },
705
+ "✅ Content2-30": {
706
+ "category": "global",
707
+ "value": "#890c58",
708
+ "type": "color"
709
+ },
710
+ "Content2-40": {
711
+ "category": "global",
712
+ "value": "#9c1d64",
713
+ "type": "color"
714
+ },
715
+ "Content2-50": {
716
+ "category": "global",
717
+ "value": "#be367e",
718
+ "type": "color"
719
+ },
720
+ "Content2-60": {
721
+ "category": "global",
722
+ "value": "#e24e9a",
723
+ "type": "color"
724
+ },
725
+ "Content2-70": {
726
+ "category": "global",
727
+ "value": "#fc70b5",
728
+ "type": "color"
729
+ },
730
+ "Content2-80": {
731
+ "category": "global",
732
+ "value": "#fda2ca",
733
+ "type": "color"
734
+ },
735
+ "Content2-90": {
736
+ "category": "global",
737
+ "value": "#fed1e2",
738
+ "type": "color"
739
+ },
740
+ "Content2-95": {
741
+ "category": "global",
742
+ "value": "#fee8ef",
743
+ "type": "color"
744
+ }
745
+ },
746
+ "Content3-DarkGreen": {
747
+ "Content3-10": {
748
+ "category": "global",
749
+ "value": "#051f17",
750
+ "type": "color"
751
+ },
752
+ "Content3-20": {
753
+ "category": "global",
754
+ "value": "#083226",
755
+ "type": "color"
756
+ },
757
+ "Content3-30": {
758
+ "category": "global",
759
+ "value": "#0b4837",
760
+ "type": "color"
761
+ },
762
+ "✅ Content3-40": {
763
+ "category": "global",
764
+ "value": "#00664f",
765
+ "type": "color"
766
+ },
767
+ "Content3-50": {
768
+ "category": "global",
769
+ "value": "#147d60",
770
+ "type": "color"
771
+ },
772
+ "Content3-60": {
773
+ "category": "global",
774
+ "value": "#229b76",
775
+ "type": "color"
776
+ },
777
+ "Content3-70": {
778
+ "category": "global",
779
+ "value": "#41b991",
780
+ "type": "color"
781
+ },
782
+ "Content3-80": {
783
+ "category": "global",
784
+ "value": "#5ed8ae",
785
+ "type": "color"
786
+ },
787
+ "Content3-90": {
788
+ "category": "global",
789
+ "value": "#7bf9cc",
790
+ "type": "color"
791
+ },
792
+ "Content3-95": {
793
+ "category": "global",
794
+ "value": "#b4ffe1",
795
+ "type": "color"
796
+ }
797
+ },
798
+ "Content4-EarthyBrown": {
799
+ "Content4-10": {
800
+ "category": "global",
801
+ "value": "#2c1107",
802
+ "type": "color"
803
+ },
804
+ "Content4-20": {
805
+ "category": "global",
806
+ "value": "#481c0c",
807
+ "type": "color"
808
+ },
809
+ "Cream30": {
810
+ "category": "global",
811
+ "value": "#692911",
812
+ "type": "color"
813
+ },
814
+ "Content4-40": {
815
+ "category": "global",
816
+ "value": "#8d391a",
817
+ "type": "color"
818
+ },
819
+ "Content4-50": {
820
+ "category": "global",
821
+ "value": "#ad4f2b",
822
+ "type": "color"
823
+ },
824
+ "✅ Content4-60": {
825
+ "category": "global",
826
+ "value": "#bf6428",
827
+ "type": "color"
828
+ },
829
+ "Content4-70": {
830
+ "category": "global",
831
+ "value": "#e87e55",
832
+ "type": "color"
833
+ },
834
+ "Content4-80": {
835
+ "category": "global",
836
+ "value": "#fda987",
837
+ "type": "color"
838
+ },
839
+ "Content4-90": {
840
+ "category": "global",
841
+ "value": "#fed4c4",
842
+ "type": "color"
843
+ },
844
+ "Content4-95": {
845
+ "category": "global",
846
+ "value": "#fee9e2",
847
+ "type": "color"
848
+ }
849
+ },
850
+ "Content5-Ivory": {
851
+ "Content5-10": {
852
+ "category": "global",
853
+ "value": "#1d1a07",
854
+ "type": "color"
855
+ },
856
+ "Content5-20": {
857
+ "category": "global",
858
+ "value": "#312b0b",
859
+ "type": "color"
860
+ },
861
+ "Content5-30": {
862
+ "category": "global",
863
+ "value": "#473d10",
864
+ "type": "color"
865
+ },
866
+ "Content5-40": {
867
+ "category": "global",
868
+ "value": "#605316",
869
+ "type": "color"
870
+ },
871
+ "Content5-50": {
872
+ "category": "global",
873
+ "value": "#7b6a1c",
874
+ "type": "color"
875
+ },
876
+ "Content5-60": {
877
+ "category": "global",
878
+ "value": "#978429",
879
+ "type": "color"
880
+ },
881
+ "Content5-70": {
882
+ "category": "global",
883
+ "value": "#b5a13e",
884
+ "type": "color"
885
+ },
886
+ "Content5-80": {
887
+ "category": "global",
888
+ "value": "#d5bf53",
889
+ "type": "color"
890
+ },
891
+ "✅ Content5-90": {
892
+ "category": "global",
893
+ "value": "#f1e6b2",
894
+ "type": "color"
895
+ },
896
+ "Content5-95": {
897
+ "category": "global",
898
+ "value": "#fcf1c7",
899
+ "type": "color"
900
+ }
901
+ }
902
+ },
903
+ "BoxShadow": {
904
+ "100": {
905
+ "category": "global",
906
+ "value": {
907
+ "x": "2",
908
+ "y": "4",
909
+ "blur": "8",
910
+ "spread": "0",
911
+ "color": "{Neutral.Neutral70}",
912
+ "type": "dropShadow"
913
+ },
914
+ "type": "boxShadow"
915
+ }
916
+ },
917
+ "Desktop": {
918
+ "Subtext": {
919
+ "S": {
920
+ "Regular": {
921
+ "category": "system",
922
+ "value": {
923
+ "fontFamily": "{fontFamily.primary}",
924
+ "fontWeight": "{fontWeight.Regular}",
925
+ "lineHeight": "{lineHeight.125}",
926
+ "fontSize": "{fontSize.Desktop.25}",
927
+ "letterSpacing": "{letterSpacing.125}"
928
+ },
929
+ "type": "typography"
930
+ }
931
+ },
932
+ "M": {
933
+ "Regular": {
934
+ "category": "system",
935
+ "value": {
936
+ "fontFamily": "{fontFamily.primary}",
937
+ "fontWeight": "{fontWeight.Regular}",
938
+ "lineHeight": "{lineHeight.125}",
939
+ "fontSize": "{fontSize.Desktop.50}",
940
+ "letterSpacing": "{letterSpacing.125}"
941
+ },
942
+ "type": "typography"
943
+ },
944
+ "Bold": {
945
+ "category": "system",
946
+ "value": {
947
+ "fontFamily": "{fontFamily.primary}",
948
+ "fontWeight": "{fontWeight.Bold}",
949
+ "lineHeight": "{lineHeight.125}",
950
+ "fontSize": "{fontSize.Desktop.50}",
951
+ "letterSpacing": "{letterSpacing.125}"
952
+ },
953
+ "type": "typography"
954
+ }
955
+ }
956
+ },
957
+ "Body": {
958
+ "S": {
959
+ "Regular": {
960
+ "category": "system",
961
+ "value": {
962
+ "fontFamily": "{fontFamily.primary}",
963
+ "fontWeight": "{fontWeight.Regular}",
964
+ "lineHeight": "{lineHeight.125}",
965
+ "fontSize": "{fontSize.Desktop.75}",
966
+ "letterSpacing": "{letterSpacing.100}"
967
+ },
968
+ "type": "typography"
969
+ },
970
+ "SemiBold": {
971
+ "category": "system",
972
+ "value": {
973
+ "fontFamily": "{fontFamily.primary}",
974
+ "fontWeight": "{fontWeight.SemiBold}",
975
+ "lineHeight": "{lineHeight.125}",
976
+ "fontSize": "{fontSize.Desktop.75}",
977
+ "letterSpacing": "{letterSpacing.100}"
978
+ },
979
+ "type": "typography"
980
+ },
981
+ "Bold": {
982
+ "category": "system",
983
+ "value": {
984
+ "fontFamily": "{fontFamily.primary}",
985
+ "fontWeight": "{fontWeight.Bold}",
986
+ "lineHeight": "{lineHeight.125}",
987
+ "fontSize": "{fontSize.Desktop.75}",
988
+ "letterSpacing": "{letterSpacing.100}"
989
+ },
990
+ "type": "typography"
991
+ }
992
+ },
993
+ "M": {
994
+ "Regular": {
995
+ "category": "system",
996
+ "value": {
997
+ "fontFamily": "{fontFamily.primary}",
998
+ "fontWeight": "{fontWeight.Regular}",
999
+ "lineHeight": "{lineHeight.75}",
1000
+ "fontSize": "{fontSize.Desktop.100}",
1001
+ "letterSpacing": "{letterSpacing.100}"
1002
+ },
1003
+ "type": "typography"
1004
+ },
1005
+ "SemiBold": {
1006
+ "category": "system",
1007
+ "value": {
1008
+ "fontFamily": "{fontFamily.primary}",
1009
+ "fontWeight": "{fontWeight.SemiBold}",
1010
+ "lineHeight": "{lineHeight.75}",
1011
+ "fontSize": "{fontSize.Desktop.100}",
1012
+ "letterSpacing": "{letterSpacing.100}"
1013
+ },
1014
+ "type": "typography"
1015
+ },
1016
+ "Bold": {
1017
+ "category": "system",
1018
+ "value": {
1019
+ "fontFamily": "{fontFamily.primary}",
1020
+ "fontWeight": "{fontWeight.Bold}",
1021
+ "lineHeight": "{lineHeight.75}",
1022
+ "fontSize": "{fontSize.Desktop.100}",
1023
+ "letterSpacing": "{letterSpacing.100}"
1024
+ },
1025
+ "type": "typography"
1026
+ }
1027
+ },
1028
+ "L": {
1029
+ "Regular": {
1030
+ "category": "system",
1031
+ "value": {
1032
+ "fontFamily": "{fontFamily.primary}",
1033
+ "fontWeight": "{fontWeight.Regular}",
1034
+ "lineHeight": "{lineHeight.75}",
1035
+ "fontSize": "{fontSize.Desktop.150}",
1036
+ "letterSpacing": "{letterSpacing.100}"
1037
+ },
1038
+ "type": "typography"
1039
+ },
1040
+ "SemiBold": {
1041
+ "category": "system",
1042
+ "value": {
1043
+ "fontFamily": "{fontFamily.primary}",
1044
+ "fontWeight": "{fontWeight.SemiBold}",
1045
+ "lineHeight": "{lineHeight.75}",
1046
+ "fontSize": "{fontSize.Desktop.150}",
1047
+ "letterSpacing": "{letterSpacing.100}"
1048
+ },
1049
+ "type": "typography"
1050
+ },
1051
+ "Bold": {
1052
+ "category": "system",
1053
+ "value": {
1054
+ "fontFamily": "{fontFamily.primary}",
1055
+ "fontWeight": "{fontWeight.Bold}",
1056
+ "lineHeight": "{lineHeight.75}",
1057
+ "fontSize": "{fontSize.Desktop.150}",
1058
+ "letterSpacing": "{letterSpacing.100}"
1059
+ },
1060
+ "type": "typography"
1061
+ }
1062
+ },
1063
+ "XL": {
1064
+ "Regular": {
1065
+ "category": "system",
1066
+ "value": {
1067
+ "fontFamily": "{fontFamily.primary}",
1068
+ "fontWeight": "{fontWeight.Regular}",
1069
+ "lineHeight": "{lineHeight.75}",
1070
+ "fontSize": "{fontSize.Desktop.200}",
1071
+ "letterSpacing": "{letterSpacing.100}"
1072
+ },
1073
+ "type": "typography"
1074
+ },
1075
+ "SemiBold": {
1076
+ "category": "system",
1077
+ "value": {
1078
+ "fontFamily": "{fontFamily.primary}",
1079
+ "fontWeight": "{fontWeight.SemiBold}",
1080
+ "lineHeight": "{lineHeight.75}",
1081
+ "fontSize": "{fontSize.Desktop.200}",
1082
+ "letterSpacing": "{letterSpacing.100}"
1083
+ },
1084
+ "type": "typography"
1085
+ },
1086
+ "Bold": {
1087
+ "category": "system",
1088
+ "value": {
1089
+ "fontFamily": "{fontFamily.primary}",
1090
+ "fontWeight": "{fontWeight.Bold}",
1091
+ "lineHeight": "{lineHeight.75}",
1092
+ "fontSize": "{fontSize.Desktop.200}",
1093
+ "letterSpacing": "{letterSpacing.100}"
1094
+ },
1095
+ "type": "typography"
1096
+ }
1097
+ }
1098
+ },
1099
+ "Heading": {
1100
+ "XS": {
1101
+ "Regular": {
1102
+ "category": "system",
1103
+ "value": {
1104
+ "fontFamily": "{fontFamily.primary}",
1105
+ "fontWeight": "{fontWeight.Regular}",
1106
+ "lineHeight": "{lineHeight.75}",
1107
+ "fontSize": "{fontSize.Desktop.300}",
1108
+ "letterSpacing": "{letterSpacing.75}"
1109
+ },
1110
+ "type": "typography"
1111
+ },
1112
+ "SemiBold": {
1113
+ "category": "system",
1114
+ "value": {
1115
+ "fontFamily": "{fontFamily.primary}",
1116
+ "fontWeight": "{fontWeight.SemiBold}",
1117
+ "lineHeight": "{lineHeight.75}",
1118
+ "fontSize": "{fontSize.Desktop.300}",
1119
+ "letterSpacing": "{letterSpacing.75}"
1120
+ },
1121
+ "type": "typography"
1122
+ },
1123
+ "Bold": {
1124
+ "category": "system",
1125
+ "value": {
1126
+ "fontFamily": "{fontFamily.primary}",
1127
+ "fontWeight": "{fontWeight.Bold}",
1128
+ "lineHeight": "{lineHeight.75}",
1129
+ "fontSize": "{fontSize.Desktop.300}",
1130
+ "letterSpacing": "{letterSpacing.75}"
1131
+ },
1132
+ "type": "typography"
1133
+ }
1134
+ },
1135
+ "S": {
1136
+ "Regular": {
1137
+ "category": "system",
1138
+ "value": {
1139
+ "fontFamily": "{fontFamily.primary}",
1140
+ "fontWeight": "{fontWeight.Regular}",
1141
+ "lineHeight": "{lineHeight.75}",
1142
+ "fontSize": "{fontSize.Desktop.400}",
1143
+ "letterSpacing": "{letterSpacing.75}"
1144
+ },
1145
+ "type": "typography"
1146
+ },
1147
+ "SemiBold": {
1148
+ "category": "system",
1149
+ "value": {
1150
+ "fontFamily": "{fontFamily.primary}",
1151
+ "fontWeight": "{fontWeight.SemiBold}",
1152
+ "lineHeight": "{lineHeight.75}",
1153
+ "fontSize": "{fontSize.Desktop.400}",
1154
+ "letterSpacing": "{letterSpacing.75}"
1155
+ },
1156
+ "type": "typography"
1157
+ },
1158
+ "Bold": {
1159
+ "category": "system",
1160
+ "value": {
1161
+ "fontFamily": "{fontFamily.primary}",
1162
+ "fontWeight": "{fontWeight.Bold}",
1163
+ "lineHeight": "{lineHeight.75}",
1164
+ "fontSize": "{fontSize.Desktop.400}",
1165
+ "letterSpacing": "{letterSpacing.75}"
1166
+ },
1167
+ "type": "typography"
1168
+ }
1169
+ },
1170
+ "M": {
1171
+ "Regular": {
1172
+ "category": "system",
1173
+ "value": {
1174
+ "fontFamily": "{fontFamily.primary}",
1175
+ "fontWeight": "{fontWeight.Regular}",
1176
+ "lineHeight": "{lineHeight.75}",
1177
+ "fontSize": "{fontSize.Desktop.500}",
1178
+ "letterSpacing": "{letterSpacing.75}"
1179
+ },
1180
+ "type": "typography"
1181
+ },
1182
+ "SemiBold": {
1183
+ "category": "system",
1184
+ "value": {
1185
+ "fontFamily": "{fontFamily.primary}",
1186
+ "fontWeight": "{fontWeight.SemiBold}",
1187
+ "lineHeight": "{lineHeight.75}",
1188
+ "fontSize": "{fontSize.Desktop.500}",
1189
+ "letterSpacing": "{letterSpacing.75}"
1190
+ },
1191
+ "type": "typography"
1192
+ },
1193
+ "Bold": {
1194
+ "category": "system",
1195
+ "value": {
1196
+ "fontFamily": "{fontFamily.primary}",
1197
+ "fontWeight": "{fontWeight.Bold}",
1198
+ "lineHeight": "{lineHeight.75}",
1199
+ "fontSize": "{fontSize.Desktop.500}",
1200
+ "letterSpacing": "{letterSpacing.75}"
1201
+ },
1202
+ "type": "typography"
1203
+ }
1204
+ },
1205
+ "L": {
1206
+ "Regular": {
1207
+ "category": "system",
1208
+ "value": {
1209
+ "fontFamily": "{fontFamily.primary}",
1210
+ "fontWeight": "{fontWeight.Regular}",
1211
+ "lineHeight": "{lineHeight.75}",
1212
+ "fontSize": "{fontSize.Desktop.600}",
1213
+ "letterSpacing": "{letterSpacing.75}"
1214
+ },
1215
+ "type": "typography"
1216
+ },
1217
+ "SemiBold": {
1218
+ "category": "system",
1219
+ "value": {
1220
+ "fontFamily": "{fontFamily.primary}",
1221
+ "fontWeight": "{fontWeight.SemiBold}",
1222
+ "lineHeight": "{lineHeight.75}",
1223
+ "fontSize": "{fontSize.Desktop.600}",
1224
+ "letterSpacing": "{letterSpacing.75}"
1225
+ },
1226
+ "type": "typography"
1227
+ },
1228
+ "Bold": {
1229
+ "category": "system",
1230
+ "value": {
1231
+ "fontFamily": "{fontFamily.primary}",
1232
+ "fontWeight": "{fontWeight.Bold}",
1233
+ "lineHeight": "{lineHeight.75}",
1234
+ "fontSize": "{fontSize.Desktop.600}",
1235
+ "letterSpacing": "{letterSpacing.75}"
1236
+ },
1237
+ "type": "typography"
1238
+ }
1239
+ },
1240
+ "XL": {
1241
+ "Bold": {
1242
+ "category": "system",
1243
+ "value": {
1244
+ "fontFamily": "{fontFamily.primary}",
1245
+ "fontWeight": "{fontWeight.Bold}",
1246
+ "lineHeight": "{lineHeight.75}",
1247
+ "fontSize": "{fontSize.Desktop.700}",
1248
+ "letterSpacing": "{letterSpacing.75}"
1249
+ },
1250
+ "type": "typography"
1251
+ },
1252
+ "SemiBold": {
1253
+ "category": "system",
1254
+ "value": {
1255
+ "fontFamily": "{fontFamily.primary}",
1256
+ "fontWeight": "{fontWeight.SemiBold}",
1257
+ "lineHeight": "{lineHeight.75}",
1258
+ "fontSize": "{fontSize.Desktop.700}",
1259
+ "letterSpacing": "{letterSpacing.75}"
1260
+ },
1261
+ "type": "typography"
1262
+ }
1263
+ }
1264
+ },
1265
+ "Functional": {
1266
+ "TextInput": {
1267
+ "category": "system",
1268
+ "value": "{Desktop.Body.S.Regular}",
1269
+ "type": "typography"
1270
+ },
1271
+ "Caption": {
1272
+ "category": "system",
1273
+ "value": "{Desktop.Subtext.S.Regular}",
1274
+ "type": "typography"
1275
+ }
1276
+ }
1277
+ },
1278
+ "Mobile": {
1279
+ "Subtext": {
1280
+ "S": {
1281
+ "Regular": {
1282
+ "category": "system",
1283
+ "value": {
1284
+ "fontFamily": "{fontFamily.primary}",
1285
+ "fontWeight": "{fontWeight.Regular}",
1286
+ "lineHeight": "{lineHeight.75}",
1287
+ "fontSize": "{fontSize.Mobile.25}",
1288
+ "letterSpacing": "{letterSpacing.125}"
1289
+ },
1290
+ "type": "typography"
1291
+ }
1292
+ },
1293
+ "M": {
1294
+ "Regular": {
1295
+ "category": "system",
1296
+ "value": {
1297
+ "fontFamily": "{fontFamily.primary}",
1298
+ "fontWeight": "{fontWeight.Regular}",
1299
+ "lineHeight": "{lineHeight.100}",
1300
+ "fontSize": "{fontSize.Mobile.50}",
1301
+ "letterSpacing": "{letterSpacing.125}"
1302
+ },
1303
+ "type": "typography"
1304
+ },
1305
+ "Bold": {
1306
+ "category": "system",
1307
+ "value": {
1308
+ "fontFamily": "{fontFamily.primary}",
1309
+ "fontWeight": "{fontWeight.Bold}",
1310
+ "lineHeight": "{lineHeight.100}",
1311
+ "fontSize": "{fontSize.Mobile.50}",
1312
+ "letterSpacing": "{letterSpacing.125}"
1313
+ },
1314
+ "type": "typography"
1315
+ }
1316
+ }
1317
+ },
1318
+ "Body": {
1319
+ "S": {
1320
+ "Regular": {
1321
+ "category": "system",
1322
+ "value": {
1323
+ "fontFamily": "{fontFamily.primary}",
1324
+ "fontWeight": "{fontWeight.Regular}",
1325
+ "lineHeight": "{lineHeight.100}",
1326
+ "fontSize": "{fontSize.Mobile.75}",
1327
+ "letterSpacing": "{letterSpacing.100}"
1328
+ },
1329
+ "type": "typography"
1330
+ },
1331
+ "SemiBold": {
1332
+ "category": "system",
1333
+ "value": {
1334
+ "fontFamily": "{fontFamily.primary}",
1335
+ "fontWeight": "{fontWeight.SemiBold}",
1336
+ "lineHeight": "{lineHeight.100}",
1337
+ "fontSize": "{fontSize.Mobile.75}",
1338
+ "letterSpacing": "{letterSpacing.100}"
1339
+ },
1340
+ "type": "typography"
1341
+ },
1342
+ "Bold": {
1343
+ "category": "system",
1344
+ "value": {
1345
+ "fontFamily": "{fontFamily.primary}",
1346
+ "fontWeight": "{fontWeight.Bold}",
1347
+ "lineHeight": "{lineHeight.100}",
1348
+ "fontSize": "{fontSize.Mobile.75}",
1349
+ "letterSpacing": "{letterSpacing.100}"
1350
+ },
1351
+ "type": "typography"
1352
+ }
1353
+ },
1354
+ "M": {
1355
+ "Regular": {
1356
+ "category": "system",
1357
+ "value": {
1358
+ "fontFamily": "{fontFamily.primary}",
1359
+ "fontWeight": "{fontWeight.Regular}",
1360
+ "lineHeight": "{lineHeight.75}",
1361
+ "fontSize": "{fontSize.Mobile.100}",
1362
+ "letterSpacing": "{letterSpacing.100}"
1363
+ },
1364
+ "type": "typography"
1365
+ },
1366
+ "SemiBold": {
1367
+ "category": "system",
1368
+ "value": {
1369
+ "fontFamily": "{fontFamily.primary}",
1370
+ "fontWeight": "{fontWeight.SemiBold}",
1371
+ "lineHeight": "{lineHeight.75}",
1372
+ "fontSize": "{fontSize.Mobile.100}",
1373
+ "letterSpacing": "{letterSpacing.100}"
1374
+ },
1375
+ "type": "typography"
1376
+ },
1377
+ "Bold": {
1378
+ "category": "system",
1379
+ "value": {
1380
+ "fontFamily": "{fontFamily.primary}",
1381
+ "fontWeight": "{fontWeight.Bold}",
1382
+ "lineHeight": "{lineHeight.75}",
1383
+ "fontSize": "{fontSize.Mobile.100}",
1384
+ "letterSpacing": "{letterSpacing.100}"
1385
+ },
1386
+ "type": "typography"
1387
+ }
1388
+ },
1389
+ "L": {
1390
+ "Regular": {
1391
+ "category": "system",
1392
+ "value": {
1393
+ "fontFamily": "{fontFamily.primary}",
1394
+ "fontWeight": "{fontWeight.Regular}",
1395
+ "lineHeight": "{lineHeight.75}",
1396
+ "fontSize": "{fontSize.Mobile.150}",
1397
+ "letterSpacing": "{letterSpacing.100}"
1398
+ },
1399
+ "type": "typography"
1400
+ },
1401
+ "Semibold": {
1402
+ "category": "system",
1403
+ "value": {
1404
+ "fontFamily": "{fontFamily.primary}",
1405
+ "fontWeight": "{fontWeight.SemiBold}",
1406
+ "lineHeight": "{lineHeight.75}",
1407
+ "fontSize": "{fontSize.Mobile.150}",
1408
+ "letterSpacing": "{letterSpacing.100}"
1409
+ },
1410
+ "type": "typography"
1411
+ },
1412
+ "Bold": {
1413
+ "category": "system",
1414
+ "value": {
1415
+ "fontFamily": "{fontFamily.primary}",
1416
+ "fontWeight": "{fontWeight.Bold}",
1417
+ "lineHeight": "{lineHeight.75}",
1418
+ "fontSize": "{fontSize.Mobile.150}",
1419
+ "letterSpacing": "{letterSpacing.100}"
1420
+ },
1421
+ "type": "typography"
1422
+ }
1423
+ },
1424
+ "XL": {
1425
+ "Regular": {
1426
+ "category": "system",
1427
+ "value": {
1428
+ "fontFamily": "{fontFamily.primary}",
1429
+ "fontWeight": "{fontWeight.Regular}",
1430
+ "lineHeight": "{lineHeight.75}",
1431
+ "fontSize": "{fontSize.Mobile.200}",
1432
+ "letterSpacing": "{letterSpacing.100}"
1433
+ },
1434
+ "type": "typography"
1435
+ },
1436
+ "SemiBold": {
1437
+ "category": "system",
1438
+ "value": {
1439
+ "fontFamily": "{fontFamily.primary}",
1440
+ "fontWeight": "{fontWeight.SemiBold}",
1441
+ "lineHeight": "{lineHeight.75}",
1442
+ "fontSize": "{fontSize.Mobile.200}",
1443
+ "letterSpacing": "{letterSpacing.100}"
1444
+ },
1445
+ "type": "typography"
1446
+ },
1447
+ "Bold": {
1448
+ "category": "system",
1449
+ "value": {
1450
+ "fontFamily": "{fontFamily.primary}",
1451
+ "fontWeight": "{fontWeight.Bold}",
1452
+ "lineHeight": "{lineHeight.75}",
1453
+ "fontSize": "{fontSize.Mobile.200}",
1454
+ "letterSpacing": "{letterSpacing.100}"
1455
+ },
1456
+ "type": "typography"
1457
+ }
1458
+ }
1459
+ },
1460
+ "Heading": {
1461
+ "XS": {
1462
+ "Regular": {
1463
+ "category": "system",
1464
+ "value": {
1465
+ "fontFamily": "{fontFamily.primary}",
1466
+ "fontWeight": "{fontWeight.Regular}",
1467
+ "lineHeight": "{lineHeight.75}",
1468
+ "fontSize": "{fontSize.Mobile.300}",
1469
+ "letterSpacing": "{letterSpacing.75}"
1470
+ },
1471
+ "type": "typography"
1472
+ },
1473
+ "SemiBold": {
1474
+ "category": "system",
1475
+ "value": {
1476
+ "fontFamily": "{fontFamily.primary}",
1477
+ "fontWeight": "{fontWeight.SemiBold}",
1478
+ "lineHeight": "{lineHeight.75}",
1479
+ "fontSize": "{fontSize.Mobile.300}",
1480
+ "letterSpacing": "{letterSpacing.75}"
1481
+ },
1482
+ "type": "typography"
1483
+ },
1484
+ "Bold": {
1485
+ "category": "system",
1486
+ "value": {
1487
+ "fontFamily": "{fontFamily.primary}",
1488
+ "fontWeight": "{fontWeight.Bold}",
1489
+ "lineHeight": "{lineHeight.75}",
1490
+ "fontSize": "{fontSize.Mobile.300}",
1491
+ "letterSpacing": "{letterSpacing.75}"
1492
+ },
1493
+ "type": "typography"
1494
+ }
1495
+ },
1496
+ "S": {
1497
+ "Regular": {
1498
+ "category": "system",
1499
+ "value": {
1500
+ "fontFamily": "{fontFamily.primary}",
1501
+ "fontWeight": "{fontWeight.Regular}",
1502
+ "lineHeight": "{lineHeight.75}",
1503
+ "fontSize": "{fontSize.Mobile.400}",
1504
+ "letterSpacing": "{letterSpacing.75}"
1505
+ },
1506
+ "type": "typography"
1507
+ },
1508
+ "SemiBold": {
1509
+ "category": "system",
1510
+ "value": {
1511
+ "fontFamily": "{fontFamily.primary}",
1512
+ "fontWeight": "{fontWeight.SemiBold}",
1513
+ "lineHeight": "{lineHeight.75}",
1514
+ "fontSize": "{fontSize.Mobile.400}",
1515
+ "letterSpacing": "{letterSpacing.75}"
1516
+ },
1517
+ "type": "typography"
1518
+ },
1519
+ "Bold": {
1520
+ "category": "system",
1521
+ "value": {
1522
+ "fontFamily": "{fontFamily.primary}",
1523
+ "fontWeight": "{fontWeight.Bold}",
1524
+ "lineHeight": "{lineHeight.75}",
1525
+ "fontSize": "{fontSize.Mobile.400}",
1526
+ "letterSpacing": "{letterSpacing.75}"
1527
+ },
1528
+ "type": "typography"
1529
+ }
1530
+ },
1531
+ "M": {
1532
+ "Regular": {
1533
+ "category": "system",
1534
+ "value": {
1535
+ "fontFamily": "{fontFamily.primary}",
1536
+ "fontWeight": "{fontWeight.Regular}",
1537
+ "lineHeight": "{lineHeight.75}",
1538
+ "fontSize": "{fontSize.Mobile.500}",
1539
+ "letterSpacing": "{letterSpacing.75}"
1540
+ },
1541
+ "type": "typography"
1542
+ },
1543
+ "SemiBold": {
1544
+ "category": "system",
1545
+ "value": {
1546
+ "fontFamily": "{fontFamily.primary}",
1547
+ "fontWeight": "{fontWeight.SemiBold}",
1548
+ "lineHeight": "{lineHeight.75}",
1549
+ "fontSize": "{fontSize.Mobile.500}",
1550
+ "letterSpacing": "{letterSpacing.75}"
1551
+ },
1552
+ "type": "typography"
1553
+ },
1554
+ "Bold": {
1555
+ "category": "system",
1556
+ "value": {
1557
+ "fontFamily": "{fontFamily.primary}",
1558
+ "fontWeight": "{fontWeight.Bold}",
1559
+ "lineHeight": "{lineHeight.75}",
1560
+ "fontSize": "{fontSize.Mobile.500}",
1561
+ "letterSpacing": "{letterSpacing.75}"
1562
+ },
1563
+ "type": "typography"
1564
+ }
1565
+ },
1566
+ "L": {
1567
+ "Regular": {
1568
+ "category": "system",
1569
+ "value": {
1570
+ "fontFamily": "{fontFamily.primary}",
1571
+ "fontWeight": "{fontWeight.Regular}",
1572
+ "lineHeight": "{lineHeight.75}",
1573
+ "fontSize": "{fontSize.Mobile.600}",
1574
+ "letterSpacing": "{letterSpacing.75}"
1575
+ },
1576
+ "type": "typography"
1577
+ },
1578
+ "SemiBold": {
1579
+ "category": "system",
1580
+ "value": {
1581
+ "fontFamily": "{fontFamily.primary}",
1582
+ "fontWeight": "{fontWeight.SemiBold}",
1583
+ "lineHeight": "{lineHeight.75}",
1584
+ "fontSize": "{fontSize.Mobile.600}",
1585
+ "letterSpacing": "{letterSpacing.75}"
1586
+ },
1587
+ "type": "typography"
1588
+ },
1589
+ "Bold": {
1590
+ "category": "system",
1591
+ "value": {
1592
+ "fontFamily": "{fontFamily.primary}",
1593
+ "fontWeight": "{fontWeight.Bold}",
1594
+ "lineHeight": "{lineHeight.75}",
1595
+ "fontSize": "{fontSize.Mobile.600}",
1596
+ "letterSpacing": "{letterSpacing.75}"
1597
+ },
1598
+ "type": "typography"
1599
+ }
1600
+ },
1601
+ "XL": {
1602
+ "Semibold": {
1603
+ "category": "system",
1604
+ "value": {
1605
+ "fontFamily": "{fontFamily.primary}",
1606
+ "fontWeight": "{fontWeight.SemiBold}",
1607
+ "lineHeight": "{lineHeight.75}",
1608
+ "fontSize": "{fontSize.Mobile.700}",
1609
+ "letterSpacing": "{letterSpacing.75}"
1610
+ },
1611
+ "type": "typography"
1612
+ },
1613
+ "Bold": {
1614
+ "category": "system",
1615
+ "value": {
1616
+ "fontFamily": "{fontFamily.primary}",
1617
+ "fontWeight": "{fontWeight.Bold}",
1618
+ "lineHeight": "{lineHeight.125}",
1619
+ "fontSize": "{fontSize.Mobile.700}",
1620
+ "letterSpacing": "{letterSpacing.75}"
1621
+ },
1622
+ "type": "typography"
1623
+ }
1624
+ }
1625
+ }
1626
+ },
1627
+ "Private-Styles": {
1628
+ "Code": {
1629
+ "category": "system",
1630
+ "value": {
1631
+ "fontFamily": "{fontFamily.monospace}",
1632
+ "fontWeight": "{fontWeight.Regular}",
1633
+ "lineHeight": "{lineHeight.100}",
1634
+ "fontSize": "{fontSize.Desktop.100}",
1635
+ "letterSpacing": "{letterSpacing.100}"
1636
+ },
1637
+ "type": "typography",
1638
+ "description": "Only for functional documentation"
1639
+ }
1640
+ },
1641
+ "Action": {
1642
+ "Default": {
1643
+ "Text": {
1644
+ "Primary": {
1645
+ "Default": {
1646
+ "category": "system",
1647
+ "value": "{Neutral.Neutral100 (white)}",
1648
+ "type": "color"
1649
+ },
1650
+ "Hover": {
1651
+ "category": "system",
1652
+ "value": "{Neutral.Neutral100 (white)}",
1653
+ "type": "color"
1654
+ },
1655
+ "Active": {
1656
+ "category": "system",
1657
+ "value": "{Neutral.Neutral100 (white)}",
1658
+ "type": "color"
1659
+ },
1660
+ "Focus": {
1661
+ "category": "system",
1662
+ "value": "{Neutral.Neutral100 (white)}",
1663
+ "type": "color"
1664
+ },
1665
+ "Disable": {
1666
+ "category": "system",
1667
+ "value": "{Neutral.Neutral100 (white)}",
1668
+ "type": "color"
1669
+ }
1670
+ },
1671
+ "Secondary": {
1672
+ "Default": {
1673
+ "category": "system",
1674
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1675
+ "type": "color"
1676
+ },
1677
+ "Hover": {
1678
+ "category": "system",
1679
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
1680
+ "type": "color"
1681
+ },
1682
+ "Active": {
1683
+ "category": "system",
1684
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
1685
+ "type": "color"
1686
+ },
1687
+ "Focus": {
1688
+ "category": "system",
1689
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1690
+ "type": "color"
1691
+ },
1692
+ "Disable": {
1693
+ "category": "system",
1694
+ "value": "{Neutral.Neutral70}",
1695
+ "type": "color"
1696
+ }
1697
+ },
1698
+ "Danger": {
1699
+ "Default": {
1700
+ "category": "system",
1701
+ "value": "{Neutral.Neutral100 (white)}",
1702
+ "type": "color"
1703
+ },
1704
+ "Hover": {
1705
+ "category": "system",
1706
+ "value": "{Neutral.Neutral100 (white)}",
1707
+ "type": "color"
1708
+ },
1709
+ "Active": {
1710
+ "category": "system",
1711
+ "value": "{Neutral.Neutral100 (white)}",
1712
+ "type": "color"
1713
+ },
1714
+ "Focus": {
1715
+ "category": "system",
1716
+ "value": "{Neutral.Neutral100 (white)}",
1717
+ "type": "color"
1718
+ },
1719
+ "Disable": {
1720
+ "category": "system",
1721
+ "value": "{Neutral.Neutral100 (white)}",
1722
+ "type": "color"
1723
+ }
1724
+ },
1725
+ "Ghost": {
1726
+ "Default": {
1727
+ "category": "system",
1728
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1729
+ "type": "color"
1730
+ },
1731
+ "Hover": {
1732
+ "category": "system",
1733
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
1734
+ "type": "color"
1735
+ },
1736
+ "Active": {
1737
+ "category": "system",
1738
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
1739
+ "type": "color"
1740
+ },
1741
+ "Focus": {
1742
+ "category": "system",
1743
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1744
+ "type": "color"
1745
+ },
1746
+ "Disable": {
1747
+ "category": "system",
1748
+ "value": "{Neutral.Neutral70}",
1749
+ "type": "color"
1750
+ }
1751
+ }
1752
+ },
1753
+ "Fill": {
1754
+ "Primary": {
1755
+ "Default": {
1756
+ "category": "system",
1757
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1758
+ "type": "color"
1759
+ },
1760
+ "Hover": {
1761
+ "category": "system",
1762
+ "value": "{Brand.WFP-Blue.WFP-Blue40}",
1763
+ "type": "color"
1764
+ },
1765
+ "Active": {
1766
+ "category": "system",
1767
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
1768
+ "type": "color"
1769
+ },
1770
+ "Focus": {
1771
+ "category": "system",
1772
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1773
+ "type": "color",
1774
+ "description": "Focus state of buttons"
1775
+ },
1776
+ "Disable": {
1777
+ "category": "system",
1778
+ "value": "{Neutral.Neutral70}",
1779
+ "type": "color"
1780
+ }
1781
+ },
1782
+ "Secondary": {
1783
+ "Default": {
1784
+ "category": "system",
1785
+ "value": "{Neutral.Neutral100 (white)}",
1786
+ "type": "color",
1787
+ "$extensions": {
1788
+ "studio.tokens": {
1789
+ "modify": {
1790
+ "type": "alpha",
1791
+ "category": "system",
1792
+ "value": "0",
1793
+ "space": "hsl"
1794
+ }
1795
+ }
1796
+ }
1797
+ },
1798
+ "Hover": {
1799
+ "category": "system",
1800
+ "value": "{Brand.WFP-Blue.WFP-Blue95}",
1801
+ "type": "color"
1802
+ },
1803
+ "Active": {
1804
+ "category": "system",
1805
+ "value": "{Brand.WFP-Blue.WFP-Blue90}",
1806
+ "type": "color"
1807
+ },
1808
+ "Focus": {
1809
+ "category": "system",
1810
+ "value": "{Neutral.Neutral100 (white)}",
1811
+ "type": "color",
1812
+ "$extensions": {
1813
+ "studio.tokens": {
1814
+ "modify": {
1815
+ "type": "alpha",
1816
+ "category": "system",
1817
+ "value": "0",
1818
+ "space": "hsl"
1819
+ }
1820
+ }
1821
+ }
1822
+ },
1823
+ "Disable": {
1824
+ "category": "system",
1825
+ "value": "{Neutral.Neutral100 (white)}",
1826
+ "type": "color",
1827
+ "$extensions": {
1828
+ "studio.tokens": {
1829
+ "modify": {
1830
+ "type": "alpha",
1831
+ "category": "system",
1832
+ "value": "0",
1833
+ "space": "hsl"
1834
+ }
1835
+ }
1836
+ }
1837
+ }
1838
+ },
1839
+ "Danger": {
1840
+ "Default": {
1841
+ "category": "system",
1842
+ "value": "{Semantic.Error.✅ Error50}",
1843
+ "type": "color"
1844
+ },
1845
+ "Hover": {
1846
+ "category": "system",
1847
+ "value": "{Semantic.Error.Error30}",
1848
+ "type": "color"
1849
+ },
1850
+ "Active": {
1851
+ "category": "system",
1852
+ "value": "{Semantic.Error.Error20}",
1853
+ "type": "color"
1854
+ },
1855
+ "Focus": {
1856
+ "category": "system",
1857
+ "value": "{Semantic.Error.✅ Error50}",
1858
+ "type": "color"
1859
+ },
1860
+ "Disable": {
1861
+ "category": "system",
1862
+ "value": "{Neutral.Neutral70}",
1863
+ "type": "color"
1864
+ }
1865
+ },
1866
+ "Ghost": {
1867
+ "Default": {
1868
+ "category": "system",
1869
+ "value": "{Neutral.Neutral100 (white)}",
1870
+ "type": "color",
1871
+ "$extensions": {
1872
+ "studio.tokens": {
1873
+ "modify": {
1874
+ "type": "alpha",
1875
+ "category": "system",
1876
+ "value": "0",
1877
+ "space": "hsl"
1878
+ }
1879
+ }
1880
+ }
1881
+ },
1882
+ "Hover": {
1883
+ "category": "system",
1884
+ "value": "{Neutral.✅ Neutral95}",
1885
+ "type": "color"
1886
+ },
1887
+ "Active": {
1888
+ "category": "system",
1889
+ "value": "{Neutral.Neutral90}",
1890
+ "type": "color"
1891
+ },
1892
+ "Focus": {
1893
+ "category": "system",
1894
+ "value": "{Neutral.Neutral100 (white)}",
1895
+ "type": "color",
1896
+ "$extensions": {
1897
+ "studio.tokens": {
1898
+ "modify": {
1899
+ "type": "alpha",
1900
+ "category": "system",
1901
+ "value": "0",
1902
+ "space": "hsl"
1903
+ }
1904
+ }
1905
+ }
1906
+ },
1907
+ "Disable": {
1908
+ "category": "system",
1909
+ "value": "{Neutral.Neutral100 (white)}",
1910
+ "type": "color",
1911
+ "$extensions": {
1912
+ "studio.tokens": {
1913
+ "modify": {
1914
+ "type": "alpha",
1915
+ "category": "system",
1916
+ "value": "0",
1917
+ "space": "hsl"
1918
+ }
1919
+ }
1920
+ }
1921
+ }
1922
+ }
1923
+ },
1924
+ "Link": {
1925
+ "Default": {
1926
+ "category": "system",
1927
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1928
+ "type": "color"
1929
+ },
1930
+ "Hover": {
1931
+ "category": "system",
1932
+ "value": "{Brand.WFP-Blue.WFP-Blue30}",
1933
+ "type": "color"
1934
+ },
1935
+ "Active": {
1936
+ "category": "system",
1937
+ "value": "{Brand.WFP-Blue.WFP-Blue10}",
1938
+ "type": "color"
1939
+ },
1940
+ "Focus": {
1941
+ "category": "system",
1942
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
1943
+ "type": "color"
1944
+ },
1945
+ "Disable": {
1946
+ "category": "system",
1947
+ "value": "{Neutral.Neutral70}",
1948
+ "type": "color"
1949
+ }
1950
+ }
1951
+ },
1952
+ "Solid": {
1953
+ "Text": {
1954
+ "Primary": {
1955
+ "Default": {
1956
+ "category": "system",
1957
+ "value": "{Neutral.Neutral100 (white)}",
1958
+ "type": "color"
1959
+ },
1960
+ "Hover": {
1961
+ "category": "system",
1962
+ "value": "{Brand.WFP-Blue.WFP-Blue70}",
1963
+ "type": "color"
1964
+ },
1965
+ "Active": {
1966
+ "category": "system",
1967
+ "value": "{Brand.WFP-Blue.WFP-Blue90}",
1968
+ "type": "color"
1969
+ },
1970
+ "Focus": {
1971
+ "category": "system",
1972
+ "value": "{Neutral.Neutral100 (white)}",
1973
+ "type": "color"
1974
+ },
1975
+ "Disable": {
1976
+ "category": "system",
1977
+ "value": "{Neutral.Neutral50}",
1978
+ "type": "color"
1979
+ }
1980
+ },
1981
+ "Secondary": {
1982
+ "Default": {
1983
+ "category": "system",
1984
+ "value": "{Neutral.Neutral100 (white)}",
1985
+ "type": "color"
1986
+ },
1987
+ "Hover": {
1988
+ "category": "system",
1989
+ "value": "{Brand.WFP-Blue.WFP-Blue30}",
1990
+ "type": "color"
1991
+ },
1992
+ "Active": {
1993
+ "category": "system",
1994
+ "value": "{Brand.WFP-Blue.WFP-Blue30}",
1995
+ "type": "color"
1996
+ },
1997
+ "Focus": {
1998
+ "category": "system",
1999
+ "value": "{Neutral.Neutral100 (white)}",
2000
+ "type": "color"
2001
+ },
2002
+ "Disable": {
2003
+ "category": "system",
2004
+ "value": "{Neutral.Neutral80}",
2005
+ "type": "color"
2006
+ }
2007
+ },
2008
+ "Ghost": {
2009
+ "Default": {
2010
+ "category": "system",
2011
+ "value": "{Neutral.Neutral100 (white)}",
2012
+ "type": "color"
2013
+ },
2014
+ "Hover": {
2015
+ "category": "system",
2016
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
2017
+ "type": "color"
2018
+ },
2019
+ "Active": {
2020
+ "category": "system",
2021
+ "value": "{Brand.WFP-Blue.WFP-Blue20}",
2022
+ "type": "color"
2023
+ },
2024
+ "Focus": {
2025
+ "category": "system",
2026
+ "value": "{Neutral.Neutral100 (white)}",
2027
+ "type": "color"
2028
+ },
2029
+ "Disable": {
2030
+ "category": "system",
2031
+ "value": "{Neutral.Neutral80}",
2032
+ "type": "color"
2033
+ }
2034
+ }
2035
+ },
2036
+ "Fill": {
2037
+ "Primary": {
2038
+ "Default": {
2039
+ "category": "system",
2040
+ "value": "{Brand.Dark-Blue.✅ Dark-Blue20}",
2041
+ "type": "color"
2042
+ },
2043
+ "Hover": {
2044
+ "category": "system",
2045
+ "value": "{Brand.Dark-Blue.Dark-Blue10}",
2046
+ "type": "color"
2047
+ },
2048
+ "Active": {
2049
+ "category": "system",
2050
+ "value": "{Brand.Dark-Blue.Dark-Blue10}",
2051
+ "type": "color"
2052
+ },
2053
+ "Focus": {
2054
+ "category": "system",
2055
+ "value": "{Brand.Dark-Blue.✅ Dark-Blue20}",
2056
+ "type": "color"
2057
+ },
2058
+ "Disable": {
2059
+ "category": "system",
2060
+ "value": "{Neutral.✅ Neutral95}",
2061
+ "type": "color"
2062
+ }
2063
+ },
2064
+ "Secondary": {
2065
+ "Default": {
2066
+ "category": "system",
2067
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2068
+ "type": "color",
2069
+ "$extensions": {
2070
+ "studio.tokens": {
2071
+ "modify": {
2072
+ "type": "alpha",
2073
+ "category": "system",
2074
+ "value": "0",
2075
+ "space": "lch"
2076
+ }
2077
+ }
2078
+ }
2079
+ },
2080
+ "Hover": {
2081
+ "category": "system",
2082
+ "value": "{Brand.WFP-Blue.WFP-Blue95}",
2083
+ "type": "color"
2084
+ },
2085
+ "Active": {
2086
+ "category": "system",
2087
+ "value": "{Brand.WFP-Blue.WFP-Blue90}",
2088
+ "type": "color"
2089
+ },
2090
+ "Focus": {
2091
+ "category": "system",
2092
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2093
+ "type": "color",
2094
+ "$extensions": {
2095
+ "studio.tokens": {
2096
+ "modify": {
2097
+ "type": "alpha",
2098
+ "category": "system",
2099
+ "value": "0",
2100
+ "space": "lch"
2101
+ }
2102
+ }
2103
+ }
2104
+ },
2105
+ "Disable": {
2106
+ "category": "system",
2107
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2108
+ "type": "color",
2109
+ "$extensions": {
2110
+ "studio.tokens": {
2111
+ "modify": {
2112
+ "type": "alpha",
2113
+ "category": "system",
2114
+ "value": "0",
2115
+ "space": "lch"
2116
+ }
2117
+ }
2118
+ }
2119
+ }
2120
+ },
2121
+ "Ghost": {
2122
+ "Default": {
2123
+ "category": "system",
2124
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2125
+ "type": "color",
2126
+ "$extensions": {
2127
+ "studio.tokens": {
2128
+ "modify": {
2129
+ "type": "alpha",
2130
+ "category": "system",
2131
+ "value": "0",
2132
+ "space": "lch"
2133
+ }
2134
+ }
2135
+ }
2136
+ },
2137
+ "Hover": {
2138
+ "category": "system",
2139
+ "value": "{Brand.WFP-Blue.WFP-Blue70}",
2140
+ "type": "color"
2141
+ },
2142
+ "Active": {
2143
+ "category": "system",
2144
+ "value": "{Brand.WFP-Blue.WFP-Blue40}",
2145
+ "type": "color"
2146
+ },
2147
+ "Focus": {
2148
+ "category": "system",
2149
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2150
+ "type": "color",
2151
+ "$extensions": {
2152
+ "studio.tokens": {
2153
+ "modify": {
2154
+ "type": "alpha",
2155
+ "category": "system",
2156
+ "value": "0",
2157
+ "space": "lch"
2158
+ }
2159
+ }
2160
+ }
2161
+ },
2162
+ "Disable": {
2163
+ "category": "system",
2164
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2165
+ "type": "color",
2166
+ "$extensions": {
2167
+ "studio.tokens": {
2168
+ "modify": {
2169
+ "type": "alpha",
2170
+ "category": "system",
2171
+ "value": "0",
2172
+ "space": "lch"
2173
+ }
2174
+ }
2175
+ }
2176
+ }
2177
+ }
2178
+ },
2179
+ "Link": {
2180
+ "Default": {
2181
+ "category": "system",
2182
+ "value": "{Neutral.Neutral100 (white)}",
2183
+ "type": "color"
2184
+ },
2185
+ "Hover": {
2186
+ "category": "system",
2187
+ "value": "{Brand.WFP-Blue.WFP-Blue70}",
2188
+ "type": "color"
2189
+ },
2190
+ "Active": {
2191
+ "category": "system",
2192
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2193
+ "type": "color"
2194
+ },
2195
+ "Focus": {
2196
+ "category": "system",
2197
+ "value": "{Neutral.Neutral100 (white)}",
2198
+ "type": "color"
2199
+ },
2200
+ "Disable": {
2201
+ "category": "system",
2202
+ "value": "{Neutral.Neutral90}",
2203
+ "type": "color"
2204
+ }
2205
+ }
2206
+ }
2207
+ },
2208
+ "Background": {
2209
+ "primary": {
2210
+ "category": "system",
2211
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2212
+ "type": "color"
2213
+ },
2214
+ "secondary": {
2215
+ "category": "system",
2216
+ "value": "{Brand.Dark-Blue.✅ Dark-Blue20}",
2217
+ "type": "color"
2218
+ },
2219
+ "neutral": {
2220
+ "category": "system",
2221
+ "value": "{Neutral.✅ Neutral95}",
2222
+ "type": "color"
2223
+ },
2224
+ "main": {
2225
+ "category": "system",
2226
+ "value": "{Neutral.Neutral100 (white)}",
2227
+ "type": "color"
2228
+ }
2229
+ },
2230
+ "Focus": {
2231
+ "100": {
2232
+ "category": "system",
2233
+ "value": {
2234
+ "color": "{Brand.WFP-Blue.WFP-Blue70}",
2235
+ "width": "{borderWidth.100}"
2236
+ },
2237
+ "type": "border"
2238
+ },
2239
+ "200": {
2240
+ "category": "system",
2241
+ "value": {
2242
+ "color": "{Brand.WFP-Blue.WFP-Blue70}",
2243
+ "width": "{borderWidth.200}"
2244
+ },
2245
+ "type": "border"
2246
+ }
2247
+ },
2248
+ "Error": {
2249
+ "100": {
2250
+ "category": "system",
2251
+ "value": {
2252
+ "color": "{Semantic.Error.✅ Error50}",
2253
+ "width": "{borderWidth.100}"
2254
+ },
2255
+ "type": "border"
2256
+ },
2257
+ "200": {
2258
+ "category": "system",
2259
+ "value": {
2260
+ "color": "{Semantic.Error.✅ Error50}",
2261
+ "width": "{borderWidth.200}"
2262
+ },
2263
+ "type": "border"
2264
+ }
2265
+ },
2266
+ "LightShadow": {
2267
+ "100": {
2268
+ "category": "system",
2269
+ "value": {
2270
+ "color": "{Neutral.Neutral90}",
2271
+ "width": "{borderWidth.100}"
2272
+ },
2273
+ "type": "border"
2274
+ },
2275
+ "200": {
2276
+ "category": "system",
2277
+ "value": {
2278
+ "color": "{Neutral.Neutral90}",
2279
+ "width": "{borderWidth.200}"
2280
+ },
2281
+ "type": "border"
2282
+ }
2283
+ },
2284
+ "Text": {
2285
+ "Body": {
2286
+ "Default": {
2287
+ "category": "system",
2288
+ "value": "{Brand.WFP-Blue.WFP-Blue10}",
2289
+ "type": "color"
2290
+ },
2291
+ "Error": {
2292
+ "category": "system",
2293
+ "value": "{Semantic.Error.✅ Error50}",
2294
+ "type": "color"
2295
+ },
2296
+ "Success": {
2297
+ "category": "system",
2298
+ "value": "{Semantic.Success.✅ Success60}",
2299
+ "type": "color"
2300
+ },
2301
+ "Secondary": {
2302
+ "category": "system",
2303
+ "value": "{Neutral.Neutral40}",
2304
+ "type": "color"
2305
+ }
2306
+ },
2307
+ "Inverse": {
2308
+ "default": {
2309
+ "category": "system",
2310
+ "value": "{Neutral.Neutral100 (white)}",
2311
+ "type": "color",
2312
+ "description": "Inverse text on dark backgrounds"
2313
+ }
2314
+ },
2315
+ "Heading": {
2316
+ "Default": {
2317
+ "category": "system",
2318
+ "value": "{Brand.WFP-Blue.WFP-Blue10}",
2319
+ "type": "color"
2320
+ },
2321
+ "On-Dark": {
2322
+ "category": "system",
2323
+ "value": "{Brand.WFP-Blue.WFP-Blue70}",
2324
+ "type": "color"
2325
+ }
2326
+ },
2327
+ "Field": {
2328
+ "placeholder": {
2329
+ "category": "system",
2330
+ "value": "{Neutral.Neutral60}",
2331
+ "type": "color",
2332
+ "description": "Placeholder color for input elements"
2333
+ },
2334
+ "default": {
2335
+ "category": "system",
2336
+ "value": "{Text.Body.Default}",
2337
+ "type": "color",
2338
+ "description": "The default color for the text in form inputs"
2339
+ },
2340
+ "helper": {
2341
+ "category": "system",
2342
+ "value": "{Text.Body.Secondary}",
2343
+ "type": "color",
2344
+ "description": "Helper Text for inputs"
2345
+ }
2346
+ }
2347
+ },
2348
+ "Fill": {
2349
+ "Neutral": {
2350
+ "category": "system",
2351
+ "value": "{Brand.WFP-Blue.WFP-Blue95}",
2352
+ "type": "color"
2353
+ },
2354
+ "Success": {
2355
+ "category": "system",
2356
+ "value": "{Semantic.Success.Success95}",
2357
+ "type": "color"
2358
+ },
2359
+ "Error": {
2360
+ "category": "system",
2361
+ "value": "{Semantic.Error.Error95}",
2362
+ "type": "color"
2363
+ },
2364
+ "Alert": {
2365
+ "category": "system",
2366
+ "value": "{Semantic.Alert.Alert95}",
2367
+ "type": "color"
2368
+ },
2369
+ "Dark": {
2370
+ "category": "system",
2371
+ "value": "{Brand.Dark-Blue.✅ Dark-Blue20}",
2372
+ "type": "color"
2373
+ },
2374
+ "Field": {
2375
+ "category": "system",
2376
+ "value": "{Neutral.Neutral100 (white)}",
2377
+ "type": "color",
2378
+ "description": "Background of form inputs"
2379
+ }
2380
+ },
2381
+ "Disable": {
2382
+ "100": {
2383
+ "category": "system",
2384
+ "value": {
2385
+ "color": "{Neutral.Neutral70}",
2386
+ "width": "{borderWidth.100}"
2387
+ },
2388
+ "type": "border"
2389
+ },
2390
+ "200": {
2391
+ "category": "system",
2392
+ "value": {
2393
+ "color": "{Neutral.Neutral70}",
2394
+ "width": "{borderWidth.200}"
2395
+ },
2396
+ "type": "border"
2397
+ }
2398
+ },
2399
+ "Default": {
2400
+ "100": {
2401
+ "category": "system",
2402
+ "value": {
2403
+ "color": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2404
+ "width": "{borderWidth.100}"
2405
+ },
2406
+ "type": "border"
2407
+ },
2408
+ "200": {
2409
+ "category": "system",
2410
+ "value": {
2411
+ "color": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2412
+ "width": "{borderWidth.200}"
2413
+ },
2414
+ "type": "border"
2415
+ }
2416
+ },
2417
+ "Solid": {
2418
+ "100": {
2419
+ "category": "system",
2420
+ "value": {
2421
+ "color": "{Neutral.Neutral100 (white)}",
2422
+ "width": "{borderWidth.100}"
2423
+ },
2424
+ "type": "border"
2425
+ },
2426
+ "200": {
2427
+ "category": "system",
2428
+ "value": {
2429
+ "color": "{Neutral.Neutral100 (white)}",
2430
+ "width": "{borderWidth.200}"
2431
+ },
2432
+ "type": "border"
2433
+ }
2434
+ },
2435
+ "Field": {
2436
+ "borderRadius": {
2437
+ "category": "system",
2438
+ "value": "{borderRadius.100}",
2439
+ "type": "borderRadius",
2440
+ "description": "The border radius of a field input"
2441
+ },
2442
+ "borderColor": {
2443
+ "category": "system",
2444
+ "value": "{Neutral.Neutral60}",
2445
+ "type": "color",
2446
+ "description": "The field border color"
2447
+ },
2448
+ "background": {
2449
+ "disabled": {
2450
+ "category": "system",
2451
+ "value": "{Neutral.Neutral70}",
2452
+ "type": "color",
2453
+ "description": "The background of field inputs when disabled"
2454
+ },
2455
+ "enabled": {
2456
+ "category": "system",
2457
+ "value": "{Brand.WFP-Blue.WFP-Blue50🔹}",
2458
+ "type": "color"
2459
+ }
2460
+ },
2461
+ "focus": {
2462
+ "category": "system",
2463
+ "value": "{Brand.WFP-Blue.WFP-Blue80}",
2464
+ "type": "color"
2465
+ }
2466
+ },
2467
+ "Border": {
2468
+ "subtle": {
2469
+ "category": "system",
2470
+ "value": "{Neutral.Neutral90}",
2471
+ "type": "color",
2472
+ "description": "Light border for subtle seperations"
2473
+ },
2474
+ "strong": {
2475
+ "category": "system",
2476
+ "value": "{Neutral.Neutral80}",
2477
+ "type": "color",
2478
+ "description": "Strong border for main seperations"
2479
+ }
2480
+ },
2481
+ "Layer": {
2482
+ "primary": {
2483
+ "category": "system",
2484
+ "value": "{Neutral.✅ Neutral95}",
2485
+ "type": "color",
2486
+ "description": "Primary layer for content on top of the background"
2487
+ }
2488
+ },
2489
+ "Interactive": {
2490
+ "category": "system",
2491
+ "value": "#00FFFF",
2492
+ "type": "color",
2493
+ "description": "Legacy color for interactive elements"
2494
+ },
2495
+ "Support": {
2496
+ "error": {
2497
+ "main": {
2498
+ "category": "system",
2499
+ "value": "{Semantic.Error.Error40}",
2500
+ "type": "color",
2501
+ "description": "Support color for errors"
2502
+ },
2503
+ "background": {
2504
+ "category": "system",
2505
+ "value": "{Semantic.Error.Error80}",
2506
+ "type": "color"
2507
+ }
2508
+ },
2509
+ "warning": {
2510
+ "main": {
2511
+ "category": "system",
2512
+ "value": "{Semantic.Alert.Alert50}",
2513
+ "type": "color"
2514
+ },
2515
+ "background": {
2516
+ "category": "system",
2517
+ "value": "{Semantic.Alert.Alert90}",
2518
+ "type": "color"
2519
+ }
2520
+ },
2521
+ "success": {
2522
+ "main": {
2523
+ "category": "system",
2524
+ "value": "{Semantic.Success.Success50}",
2525
+ "type": "color"
2526
+ },
2527
+ "background": {
2528
+ "category": "system",
2529
+ "value": "{Semantic.Success.Success95}",
2530
+ "type": "color"
2531
+ }
2532
+ }
2533
+ },
2534
+ "Code": {
2535
+ "background": {
2536
+ "category": "system",
2537
+ "value": "{Neutral.Neutral90}",
2538
+ "type": "color",
2539
+ "description": "Background color for code"
2540
+ }
2541
+ }
2542
+ }