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