@sb1/ffe-core 100.0.0 → 100.0.4

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 (39) hide show
  1. package/README.md +8 -8
  2. package/css/ffe.css +0 -1
  3. package/less/dimensions.less +1 -0
  4. package/less/variables.less +0 -1
  5. package/package.json +6 -4
  6. package/scripts/build-colors/build-colors.cjs +115 -0
  7. package/scripts/build-colors/json/json.cjs +12 -0
  8. package/scripts/build-colors/mobile/android.cjs +99 -0
  9. package/scripts/build-colors/mobile/android.test.js +98 -0
  10. package/scripts/build-colors/mobile/ios.cjs +205 -0
  11. package/scripts/build-colors/web/chevron.cjs +44 -0
  12. package/scripts/build-colors/web/color-names.cjs +24 -0
  13. package/scripts/build-colors/web/css.cjs +78 -0
  14. package/scripts/build-colors/web/js.cjs +44 -0
  15. package/scripts/build-colors/web/tailwind.cjs +36 -0
  16. package/scripts/build-colors/web/tailwind4.cjs +24 -0
  17. package/scripts/build-colors/web/web.cjs +18 -0
  18. package/scripts/build-custom-mq.cjs +45 -0
  19. package/scripts/build.cjs +38 -0
  20. package/scripts/figma-api/color.spec.tsx +126 -0
  21. package/scripts/figma-api/color.ts +52 -0
  22. package/scripts/figma-api/figma_api.ts +41 -0
  23. package/scripts/figma-api/sync_figma_to_tokens.ts +57 -0
  24. package/scripts/figma-api/token_export.spec.tsx +359 -0
  25. package/scripts/figma-api/token_export.ts +99 -0
  26. package/scripts/figma-api/token_import.spec.tsx +1097 -0
  27. package/scripts/figma-api/token_import.ts +430 -0
  28. package/scripts/figma-api/token_types.ts +55 -0
  29. package/scripts/figma-api/utils.ts +11 -0
  30. package/scripts/lib/extractCustomProps.cjs +24 -0
  31. package/scripts/lib/genTypeScript.cjs +7 -0
  32. package/scripts/lib/renderLessVarsToCSSProps.cjs +23 -0
  33. package/scripts/lib/writeToFile.cjs +9 -0
  34. package/scripts/utils.cjs +27 -0
  35. package/tokens/01 Primitive.value.json +4726 -0
  36. package/tokens/02 Semantic.Dark.json +3942 -0
  37. package/tokens/02 Semantic.Light.json +3942 -0
  38. package/tokens/03 Context.Accent.json +2273 -0
  39. package/tokens/03 Context.Default.json +2273 -0
package/tokens/03 Context.Accent.json ADDED
@@ -0,0 +1,2273 @@
1
+ {
2
+ "color": {
3
+ "background": {
4
+ "default": {
5
+ "$type": "color",
6
+ "$value": "{color.speciality.background.accent}",
7
+ "$description": "",
8
+ "$extensions": {
9
+ "com.figma": {
10
+ "hiddenFromPublishing": false,
11
+ "scopes": [
12
+ "FRAME_FILL",
13
+ "SHAPE_FILL"
14
+ ],
15
+ "codeSyntax": {
16
+ "WEB": "--ffe-color-background-default"
17
+ }
18
+ }
19
+ }
20
+ },
21
+ "subtle": {
22
+ "$type": "color",
23
+ "$value": "{color.speciality.background.accent-subtle}",
24
+ "$description": "",
25
+ "$extensions": {
26
+ "com.figma": {
27
+ "hiddenFromPublishing": false,
28
+ "scopes": [
29
+ "FRAME_FILL",
30
+ "SHAPE_FILL"
31
+ ],
32
+ "codeSyntax": {
33
+ "WEB": "--ffe-color-background-subtle"
34
+ }
35
+ }
36
+ }
37
+ }
38
+ },
39
+ "surface": {
40
+ "primary": {
41
+ "default": {
42
+ "$type": "color",
43
+ "$value": "{color.speciality.surface.primary.accent.default}",
44
+ "$description": "",
45
+ "$extensions": {
46
+ "com.figma": {
47
+ "hiddenFromPublishing": false,
48
+ "scopes": [
49
+ "FRAME_FILL",
50
+ "SHAPE_FILL"
51
+ ],
52
+ "codeSyntax": {}
53
+ }
54
+ }
55
+ },
56
+ "default-hover": {
57
+ "$type": "color",
58
+ "$value": "{color.speciality.surface.primary.accent.default-hover}",
59
+ "$description": "",
60
+ "$extensions": {
61
+ "com.figma": {
62
+ "hiddenFromPublishing": false,
63
+ "scopes": [
64
+ "FRAME_FILL",
65
+ "SHAPE_FILL"
66
+ ],
67
+ "codeSyntax": {}
68
+ }
69
+ }
70
+ },
71
+ "default-pressed": {
72
+ "$type": "color",
73
+ "$value": "{color.speciality.surface.primary.accent.default-pressed}",
74
+ "$description": "",
75
+ "$extensions": {
76
+ "com.figma": {
77
+ "hiddenFromPublishing": false,
78
+ "scopes": [
79
+ "FRAME_FILL",
80
+ "SHAPE_FILL"
81
+ ],
82
+ "codeSyntax": {}
83
+ }
84
+ }
85
+ }
86
+ },
87
+ "secondary": {
88
+ "default": {
89
+ "$type": "color",
90
+ "$value": "{color.speciality.surface.secondary.accent.default}",
91
+ "$description": "",
92
+ "$extensions": {
93
+ "com.figma": {
94
+ "hiddenFromPublishing": false,
95
+ "scopes": [
96
+ "FRAME_FILL",
97
+ "SHAPE_FILL"
98
+ ],
99
+ "codeSyntax": {}
100
+ }
101
+ }
102
+ },
103
+ "default-hover": {
104
+ "$type": "color",
105
+ "$value": "{color.speciality.surface.secondary.accent.default-hover}",
106
+ "$description": "",
107
+ "$extensions": {
108
+ "com.figma": {
109
+ "hiddenFromPublishing": false,
110
+ "scopes": [
111
+ "FRAME_FILL",
112
+ "SHAPE_FILL"
113
+ ],
114
+ "codeSyntax": {}
115
+ }
116
+ }
117
+ },
118
+ "default-pressed": {
119
+ "$type": "color",
120
+ "$value": "{color.speciality.surface.secondary.accent.default-pressed}",
121
+ "$description": "",
122
+ "$extensions": {
123
+ "com.figma": {
124
+ "hiddenFromPublishing": false,
125
+ "scopes": [
126
+ "FRAME_FILL",
127
+ "SHAPE_FILL"
128
+ ],
129
+ "codeSyntax": {}
130
+ }
131
+ }
132
+ }
133
+ },
134
+ "tertiary": {
135
+ "default": {
136
+ "$type": "color",
137
+ "$value": "{color.speciality.surface.tertiary.accent.default}",
138
+ "$description": "",
139
+ "$extensions": {
140
+ "com.figma": {
141
+ "hiddenFromPublishing": false,
142
+ "scopes": [
143
+ "FRAME_FILL",
144
+ "SHAPE_FILL"
145
+ ],
146
+ "codeSyntax": {}
147
+ }
148
+ }
149
+ },
150
+ "default-hover": {
151
+ "$type": "color",
152
+ "$value": "{color.speciality.surface.tertiary.accent.default-hover}",
153
+ "$description": "",
154
+ "$extensions": {
155
+ "com.figma": {
156
+ "hiddenFromPublishing": false,
157
+ "scopes": [
158
+ "FRAME_FILL",
159
+ "SHAPE_FILL"
160
+ ],
161
+ "codeSyntax": {}
162
+ }
163
+ }
164
+ },
165
+ "default-pressed": {
166
+ "$type": "color",
167
+ "$value": "{color.speciality.surface.tertiary.accent.default-pressed}",
168
+ "$description": "",
169
+ "$extensions": {
170
+ "com.figma": {
171
+ "hiddenFromPublishing": false,
172
+ "scopes": [
173
+ "FRAME_FILL",
174
+ "SHAPE_FILL"
175
+ ],
176
+ "codeSyntax": {}
177
+ }
178
+ }
179
+ }
180
+ },
181
+ "neutral": {
182
+ "default": {
183
+ "$type": "color",
184
+ "$value": "{color.speciality.surface.neutral.accent.default}",
185
+ "$description": "",
186
+ "$extensions": {
187
+ "com.figma": {
188
+ "hiddenFromPublishing": false,
189
+ "scopes": [
190
+ "FRAME_FILL",
191
+ "SHAPE_FILL"
192
+ ],
193
+ "codeSyntax": {}
194
+ }
195
+ }
196
+ },
197
+ "default-hover": {
198
+ "$type": "color",
199
+ "$value": "{color.speciality.surface.neutral.accent.default-hover}",
200
+ "$description": "",
201
+ "$extensions": {
202
+ "com.figma": {
203
+ "hiddenFromPublishing": false,
204
+ "scopes": [
205
+ "FRAME_FILL",
206
+ "SHAPE_FILL"
207
+ ],
208
+ "codeSyntax": {}
209
+ }
210
+ }
211
+ },
212
+ "default-pressed": {
213
+ "$type": "color",
214
+ "$value": "{color.speciality.surface.neutral.accent.default-pressed}",
215
+ "$description": "",
216
+ "$extensions": {
217
+ "com.figma": {
218
+ "hiddenFromPublishing": false,
219
+ "scopes": [
220
+ "FRAME_FILL",
221
+ "SHAPE_FILL"
222
+ ],
223
+ "codeSyntax": {}
224
+ }
225
+ }
226
+ }
227
+ },
228
+ "feedback": {
229
+ "info": {
230
+ "$type": "color",
231
+ "$value": "{color.accent.feedback.info.subtlest}",
232
+ "$description": "",
233
+ "$extensions": {
234
+ "com.figma": {
235
+ "hiddenFromPublishing": false,
236
+ "scopes": [
237
+ "FRAME_FILL",
238
+ "SHAPE_FILL"
239
+ ],
240
+ "codeSyntax": {}
241
+ }
242
+ }
243
+ },
244
+ "success": {
245
+ "$type": "color",
246
+ "$value": "{color.accent.feedback.success.subtlest}",
247
+ "$description": "",
248
+ "$extensions": {
249
+ "com.figma": {
250
+ "hiddenFromPublishing": false,
251
+ "scopes": [
252
+ "FRAME_FILL",
253
+ "SHAPE_FILL"
254
+ ],
255
+ "codeSyntax": {}
256
+ }
257
+ }
258
+ },
259
+ "warning": {
260
+ "$type": "color",
261
+ "$value": "{color.accent.feedback.warning.subtlest}",
262
+ "$description": "",
263
+ "$extensions": {
264
+ "com.figma": {
265
+ "hiddenFromPublishing": false,
266
+ "scopes": [
267
+ "FRAME_FILL",
268
+ "SHAPE_FILL"
269
+ ],
270
+ "codeSyntax": {}
271
+ }
272
+ }
273
+ },
274
+ "critical": {
275
+ "$type": "color",
276
+ "$value": "{color.accent.feedback.critical.subtlest}",
277
+ "$description": "",
278
+ "$extensions": {
279
+ "com.figma": {
280
+ "hiddenFromPublishing": false,
281
+ "scopes": [
282
+ "FRAME_FILL",
283
+ "SHAPE_FILL"
284
+ ],
285
+ "codeSyntax": {}
286
+ }
287
+ }
288
+ },
289
+ "tip": {
290
+ "$type": "color",
291
+ "$value": "{color.accent.feedback.tip.sublest}",
292
+ "$description": "",
293
+ "$extensions": {
294
+ "com.figma": {
295
+ "hiddenFromPublishing": false,
296
+ "scopes": [
297
+ "FRAME_FILL",
298
+ "SHAPE_FILL"
299
+ ],
300
+ "codeSyntax": {}
301
+ }
302
+ }
303
+ }
304
+ }
305
+ },
306
+ "fill": {
307
+ "primary": {
308
+ "default": {
309
+ "$type": "color",
310
+ "$value": "{color.accent.brand.primary.medium}",
311
+ "$description": "",
312
+ "$extensions": {
313
+ "com.figma": {
314
+ "hiddenFromPublishing": false,
315
+ "scopes": [
316
+ "FRAME_FILL",
317
+ "SHAPE_FILL"
318
+ ],
319
+ "codeSyntax": {}
320
+ }
321
+ }
322
+ },
323
+ "default-hover": {
324
+ "$type": "color",
325
+ "$value": "{color.accent.brand.primary.strong}",
326
+ "$description": "",
327
+ "$extensions": {
328
+ "com.figma": {
329
+ "hiddenFromPublishing": false,
330
+ "scopes": [
331
+ "FRAME_FILL",
332
+ "SHAPE_FILL"
333
+ ],
334
+ "codeSyntax": {}
335
+ }
336
+ }
337
+ },
338
+ "default-pressed": {
339
+ "$type": "color",
340
+ "$value": "{color.accent.brand.primary.stronger}",
341
+ "$description": "",
342
+ "$extensions": {
343
+ "com.figma": {
344
+ "hiddenFromPublishing": false,
345
+ "scopes": [
346
+ "FRAME_FILL",
347
+ "SHAPE_FILL"
348
+ ],
349
+ "codeSyntax": {}
350
+ }
351
+ }
352
+ },
353
+ "selected": {
354
+ "default": {
355
+ "$type": "color",
356
+ "$value": "{color.accent.interactive.selected.default}",
357
+ "$description": "",
358
+ "$extensions": {
359
+ "com.figma": {
360
+ "hiddenFromPublishing": false,
361
+ "scopes": [
362
+ "FRAME_FILL",
363
+ "SHAPE_FILL"
364
+ ],
365
+ "codeSyntax": {}
366
+ }
367
+ }
368
+ },
369
+ "hover": {
370
+ "$type": "color",
371
+ "$value": "{color.accent.interactive.selected.hover}",
372
+ "$description": "",
373
+ "$extensions": {
374
+ "com.figma": {
375
+ "hiddenFromPublishing": false,
376
+ "scopes": [
377
+ "FRAME_FILL",
378
+ "SHAPE_FILL"
379
+ ],
380
+ "codeSyntax": {}
381
+ }
382
+ }
383
+ },
384
+ "pressed": {
385
+ "$type": "color",
386
+ "$value": "{color.accent.interactive.selected.pressed}",
387
+ "$description": "",
388
+ "$extensions": {
389
+ "com.figma": {
390
+ "hiddenFromPublishing": false,
391
+ "scopes": [
392
+ "FRAME_FILL",
393
+ "SHAPE_FILL"
394
+ ],
395
+ "codeSyntax": {}
396
+ }
397
+ }
398
+ }
399
+ },
400
+ "subtle": {
401
+ "$type": "color",
402
+ "$value": "{color.speciality.fill.primary.accent.default}",
403
+ "$description": "",
404
+ "$extensions": {
405
+ "com.figma": {
406
+ "hiddenFromPublishing": false,
407
+ "scopes": [
408
+ "FRAME_FILL",
409
+ "SHAPE_FILL"
410
+ ],
411
+ "codeSyntax": {}
412
+ }
413
+ }
414
+ },
415
+ "subtle-hover": {
416
+ "$type": "color",
417
+ "$value": "{color.speciality.fill.primary.accent.hover}",
418
+ "$description": "",
419
+ "$extensions": {
420
+ "com.figma": {
421
+ "hiddenFromPublishing": false,
422
+ "scopes": [
423
+ "FRAME_FILL",
424
+ "SHAPE_FILL"
425
+ ],
426
+ "codeSyntax": {}
427
+ }
428
+ }
429
+ },
430
+ "subtle-pressed": {
431
+ "$type": "color",
432
+ "$value": "{color.speciality.fill.primary.accent.pressed}",
433
+ "$description": "",
434
+ "$extensions": {
435
+ "com.figma": {
436
+ "hiddenFromPublishing": false,
437
+ "scopes": [
438
+ "FRAME_FILL",
439
+ "SHAPE_FILL"
440
+ ],
441
+ "codeSyntax": {}
442
+ }
443
+ }
444
+ },
445
+ "invisible": {
446
+ "$type": "color",
447
+ "$value": "{color.speciality.background.transparent}",
448
+ "$description": "",
449
+ "$extensions": {
450
+ "com.figma": {
451
+ "hiddenFromPublishing": false,
452
+ "scopes": [
453
+ "FRAME_FILL",
454
+ "SHAPE_FILL"
455
+ ],
456
+ "codeSyntax": {}
457
+ }
458
+ }
459
+ }
460
+ },
461
+ "secondary": {
462
+ "default": {
463
+ "$type": "color",
464
+ "$value": "{color.accent.brand.secondary.medium}",
465
+ "$description": "",
466
+ "$extensions": {
467
+ "com.figma": {
468
+ "hiddenFromPublishing": false,
469
+ "scopes": [
470
+ "FRAME_FILL",
471
+ "SHAPE_FILL"
472
+ ],
473
+ "codeSyntax": {}
474
+ }
475
+ }
476
+ },
477
+ "default-hover": {
478
+ "$type": "color",
479
+ "$value": "{color.accent.brand.secondary.strong}",
480
+ "$description": "",
481
+ "$extensions": {
482
+ "com.figma": {
483
+ "hiddenFromPublishing": false,
484
+ "scopes": [
485
+ "FRAME_FILL",
486
+ "SHAPE_FILL"
487
+ ],
488
+ "codeSyntax": {}
489
+ }
490
+ }
491
+ },
492
+ "default-pressed": {
493
+ "$type": "color",
494
+ "$value": "{color.accent.brand.secondary.stronger}",
495
+ "$description": "",
496
+ "$extensions": {
497
+ "com.figma": {
498
+ "hiddenFromPublishing": false,
499
+ "scopes": [
500
+ "FRAME_FILL",
501
+ "SHAPE_FILL"
502
+ ],
503
+ "codeSyntax": {}
504
+ }
505
+ }
506
+ },
507
+ "subtle": {
508
+ "$type": "color",
509
+ "$value": "{color.accent.brand.secondary.subtler}",
510
+ "$description": "",
511
+ "$extensions": {
512
+ "com.figma": {
513
+ "hiddenFromPublishing": false,
514
+ "scopes": [
515
+ "FRAME_FILL",
516
+ "SHAPE_FILL"
517
+ ],
518
+ "codeSyntax": {}
519
+ }
520
+ }
521
+ },
522
+ "subtle-hover": {
523
+ "$type": "color",
524
+ "$value": "{color.accent.brand.secondary.subtle}",
525
+ "$description": "",
526
+ "$extensions": {
527
+ "com.figma": {
528
+ "hiddenFromPublishing": false,
529
+ "scopes": [
530
+ "FRAME_FILL",
531
+ "SHAPE_FILL"
532
+ ],
533
+ "codeSyntax": {}
534
+ }
535
+ }
536
+ },
537
+ "subtle-pressed": {
538
+ "$type": "color",
539
+ "$value": "{color.accent.brand.secondary.default}",
540
+ "$description": "",
541
+ "$extensions": {
542
+ "com.figma": {
543
+ "hiddenFromPublishing": false,
544
+ "scopes": [
545
+ "FRAME_FILL",
546
+ "SHAPE_FILL"
547
+ ],
548
+ "codeSyntax": {}
549
+ }
550
+ }
551
+ }
552
+ },
553
+ "tertiary": {
554
+ "default": {
555
+ "$type": "color",
556
+ "$value": "{color.accent.brand.tertiary.medium}",
557
+ "$description": "",
558
+ "$extensions": {
559
+ "com.figma": {
560
+ "hiddenFromPublishing": false,
561
+ "scopes": [
562
+ "FRAME_FILL",
563
+ "SHAPE_FILL"
564
+ ],
565
+ "codeSyntax": {}
566
+ }
567
+ }
568
+ },
569
+ "default-hover": {
570
+ "$type": "color",
571
+ "$value": "{color.accent.brand.tertiary.strong}",
572
+ "$description": "",
573
+ "$extensions": {
574
+ "com.figma": {
575
+ "hiddenFromPublishing": false,
576
+ "scopes": [
577
+ "FRAME_FILL",
578
+ "SHAPE_FILL"
579
+ ],
580
+ "codeSyntax": {}
581
+ }
582
+ }
583
+ },
584
+ "default-pressed": {
585
+ "$type": "color",
586
+ "$value": "{color.accent.brand.tertiary.stronger}",
587
+ "$description": "",
588
+ "$extensions": {
589
+ "com.figma": {
590
+ "hiddenFromPublishing": false,
591
+ "scopes": [
592
+ "FRAME_FILL",
593
+ "SHAPE_FILL"
594
+ ],
595
+ "codeSyntax": {}
596
+ }
597
+ }
598
+ },
599
+ "subtle": {
600
+ "$type": "color",
601
+ "$value": "{color.accent.brand.tertiary.subtler}",
602
+ "$description": "",
603
+ "$extensions": {
604
+ "com.figma": {
605
+ "hiddenFromPublishing": false,
606
+ "scopes": [
607
+ "FRAME_FILL",
608
+ "SHAPE_FILL"
609
+ ],
610
+ "codeSyntax": {}
611
+ }
612
+ }
613
+ },
614
+ "subtle-hover": {
615
+ "$type": "color",
616
+ "$value": "{color.accent.brand.tertiary.subtle}",
617
+ "$description": "",
618
+ "$extensions": {
619
+ "com.figma": {
620
+ "hiddenFromPublishing": false,
621
+ "scopes": [
622
+ "FRAME_FILL",
623
+ "SHAPE_FILL"
624
+ ],
625
+ "codeSyntax": {}
626
+ }
627
+ }
628
+ },
629
+ "subtle-pressed": {
630
+ "$type": "color",
631
+ "$value": "{color.accent.brand.tertiary.default}",
632
+ "$description": "",
633
+ "$extensions": {
634
+ "com.figma": {
635
+ "hiddenFromPublishing": false,
636
+ "scopes": [
637
+ "FRAME_FILL",
638
+ "SHAPE_FILL"
639
+ ],
640
+ "codeSyntax": {}
641
+ }
642
+ }
643
+ }
644
+ },
645
+ "neutral": {
646
+ "default": {
647
+ "$type": "color",
648
+ "$value": "{color.accent.neutral.alpha.strong}",
649
+ "$description": "",
650
+ "$extensions": {
651
+ "com.figma": {
652
+ "hiddenFromPublishing": false,
653
+ "scopes": [
654
+ "FRAME_FILL",
655
+ "SHAPE_FILL"
656
+ ],
657
+ "codeSyntax": {}
658
+ }
659
+ }
660
+ },
661
+ "default-hover": {
662
+ "$type": "color",
663
+ "$value": "{color.accent.neutral.alpha.stronger}",
664
+ "$description": "",
665
+ "$extensions": {
666
+ "com.figma": {
667
+ "hiddenFromPublishing": false,
668
+ "scopes": [
669
+ "FRAME_FILL",
670
+ "SHAPE_FILL"
671
+ ],
672
+ "codeSyntax": {}
673
+ }
674
+ }
675
+ },
676
+ "default-pressed": {
677
+ "$type": "color",
678
+ "$value": "{color.accent.neutral.alpha.strongest}",
679
+ "$description": "",
680
+ "$extensions": {
681
+ "com.figma": {
682
+ "hiddenFromPublishing": false,
683
+ "scopes": [
684
+ "FRAME_FILL",
685
+ "SHAPE_FILL"
686
+ ],
687
+ "codeSyntax": {}
688
+ }
689
+ }
690
+ },
691
+ "subtle": {
692
+ "$type": "color",
693
+ "$value": "{color.accent.neutral.alpha.subtle}",
694
+ "$description": "",
695
+ "$extensions": {
696
+ "com.figma": {
697
+ "hiddenFromPublishing": false,
698
+ "scopes": [
699
+ "FRAME_FILL",
700
+ "SHAPE_FILL"
701
+ ],
702
+ "codeSyntax": {}
703
+ }
704
+ }
705
+ },
706
+ "subtle-hover": {
707
+ "$type": "color",
708
+ "$value": "{color.accent.neutral.alpha.default}",
709
+ "$description": "",
710
+ "$extensions": {
711
+ "com.figma": {
712
+ "hiddenFromPublishing": false,
713
+ "scopes": [
714
+ "FRAME_FILL",
715
+ "SHAPE_FILL"
716
+ ],
717
+ "codeSyntax": {}
718
+ }
719
+ }
720
+ },
721
+ "subtle-pressed": {
722
+ "$type": "color",
723
+ "$value": "{color.accent.neutral.alpha.medium}",
724
+ "$description": "",
725
+ "$extensions": {
726
+ "com.figma": {
727
+ "hiddenFromPublishing": false,
728
+ "scopes": [
729
+ "FRAME_FILL",
730
+ "SHAPE_FILL"
731
+ ],
732
+ "codeSyntax": {}
733
+ }
734
+ }
735
+ },
736
+ "extra-subtle": {
737
+ "$type": "color",
738
+ "$value": "{color.accent.neutral.alpha.subtlest}",
739
+ "$description": "",
740
+ "$extensions": {
741
+ "com.figma": {
742
+ "hiddenFromPublishing": false,
743
+ "scopes": [
744
+ "FRAME_FILL",
745
+ "SHAPE_FILL"
746
+ ],
747
+ "codeSyntax": {}
748
+ }
749
+ }
750
+ },
751
+ "extra-subtle-hover": {
752
+ "$type": "color",
753
+ "$value": "{color.accent.neutral.alpha.subtler}",
754
+ "$description": "",
755
+ "$extensions": {
756
+ "com.figma": {
757
+ "hiddenFromPublishing": false,
758
+ "scopes": [
759
+ "FRAME_FILL",
760
+ "SHAPE_FILL"
761
+ ],
762
+ "codeSyntax": {}
763
+ }
764
+ }
765
+ },
766
+ "extra-subtle-pressed": {
767
+ "$type": "color",
768
+ "$value": "{color.accent.neutral.alpha.subtle}",
769
+ "$description": "",
770
+ "$extensions": {
771
+ "com.figma": {
772
+ "hiddenFromPublishing": false,
773
+ "scopes": [
774
+ "FRAME_FILL",
775
+ "SHAPE_FILL"
776
+ ],
777
+ "codeSyntax": {}
778
+ }
779
+ }
780
+ }
781
+ },
782
+ "feedback": {
783
+ "info": {
784
+ "$type": "color",
785
+ "$value": "{color.accent.feedback.info.strong}",
786
+ "$description": "",
787
+ "$extensions": {
788
+ "com.figma": {
789
+ "hiddenFromPublishing": false,
790
+ "scopes": [
791
+ "FRAME_FILL",
792
+ "SHAPE_FILL"
793
+ ],
794
+ "codeSyntax": {}
795
+ }
796
+ }
797
+ },
798
+ "info-subtle": {
799
+ "$type": "color",
800
+ "$value": "{color.accent.feedback.info.subtler}",
801
+ "$description": "",
802
+ "$extensions": {
803
+ "com.figma": {
804
+ "hiddenFromPublishing": false,
805
+ "scopes": [
806
+ "FRAME_FILL",
807
+ "SHAPE_FILL"
808
+ ],
809
+ "codeSyntax": {}
810
+ }
811
+ }
812
+ },
813
+ "success": {
814
+ "$type": "color",
815
+ "$value": "{color.accent.feedback.success.strong}",
816
+ "$description": "",
817
+ "$extensions": {
818
+ "com.figma": {
819
+ "hiddenFromPublishing": false,
820
+ "scopes": [
821
+ "FRAME_FILL",
822
+ "SHAPE_FILL"
823
+ ],
824
+ "codeSyntax": {}
825
+ }
826
+ }
827
+ },
828
+ "success-subtle": {
829
+ "$type": "color",
830
+ "$value": "{color.accent.feedback.success.subtler}",
831
+ "$description": "",
832
+ "$extensions": {
833
+ "com.figma": {
834
+ "hiddenFromPublishing": false,
835
+ "scopes": [
836
+ "FRAME_FILL",
837
+ "SHAPE_FILL"
838
+ ],
839
+ "codeSyntax": {}
840
+ }
841
+ }
842
+ },
843
+ "warning": {
844
+ "$type": "color",
845
+ "$value": "{color.accent.feedback.warning.strong}",
846
+ "$description": "",
847
+ "$extensions": {
848
+ "com.figma": {
849
+ "hiddenFromPublishing": false,
850
+ "scopes": [
851
+ "FRAME_FILL",
852
+ "SHAPE_FILL"
853
+ ],
854
+ "codeSyntax": {}
855
+ }
856
+ }
857
+ },
858
+ "warning-subtle": {
859
+ "$type": "color",
860
+ "$value": "{color.accent.feedback.warning.subtler}",
861
+ "$description": "",
862
+ "$extensions": {
863
+ "com.figma": {
864
+ "hiddenFromPublishing": false,
865
+ "scopes": [
866
+ "FRAME_FILL",
867
+ "SHAPE_FILL"
868
+ ],
869
+ "codeSyntax": {}
870
+ }
871
+ }
872
+ },
873
+ "critical": {
874
+ "$type": "color",
875
+ "$value": "{color.accent.feedback.critical.strong}",
876
+ "$description": "",
877
+ "$extensions": {
878
+ "com.figma": {
879
+ "hiddenFromPublishing": false,
880
+ "scopes": [
881
+ "FRAME_FILL",
882
+ "SHAPE_FILL"
883
+ ],
884
+ "codeSyntax": {}
885
+ }
886
+ }
887
+ },
888
+ "critical-subtle": {
889
+ "$type": "color",
890
+ "$value": "{color.accent.feedback.critical.subtler}",
891
+ "$description": "",
892
+ "$extensions": {
893
+ "com.figma": {
894
+ "hiddenFromPublishing": false,
895
+ "scopes": [
896
+ "FRAME_FILL",
897
+ "SHAPE_FILL"
898
+ ],
899
+ "codeSyntax": {}
900
+ }
901
+ }
902
+ },
903
+ "tip": {
904
+ "$type": "color",
905
+ "$value": "{color.accent.feedback.tip.stronger}",
906
+ "$description": "",
907
+ "$extensions": {
908
+ "com.figma": {
909
+ "hiddenFromPublishing": false,
910
+ "scopes": [
911
+ "FRAME_FILL",
912
+ "SHAPE_FILL"
913
+ ],
914
+ "codeSyntax": {}
915
+ }
916
+ }
917
+ },
918
+ "tip-subtle": {
919
+ "$type": "color",
920
+ "$value": "{color.accent.feedback.tip.subtler}",
921
+ "$description": "",
922
+ "$extensions": {
923
+ "com.figma": {
924
+ "hiddenFromPublishing": false,
925
+ "scopes": [
926
+ "FRAME_FILL",
927
+ "SHAPE_FILL"
928
+ ],
929
+ "codeSyntax": {}
930
+ }
931
+ }
932
+ }
933
+ }
934
+ },
935
+ "foreground": {
936
+ "default": {
937
+ "$type": "color",
938
+ "$value": "{color.accent.neutral.strongest}",
939
+ "$description": "",
940
+ "$extensions": {
941
+ "com.figma": {
942
+ "hiddenFromPublishing": false,
943
+ "scopes": [
944
+ "ALL_FILLS"
945
+ ],
946
+ "codeSyntax": {}
947
+ }
948
+ }
949
+ },
950
+ "subtle": {
951
+ "$type": "color",
952
+ "$value": "{color.accent.neutral.stronger}",
953
+ "$description": "",
954
+ "$extensions": {
955
+ "com.figma": {
956
+ "hiddenFromPublishing": false,
957
+ "scopes": [
958
+ "ALL_FILLS"
959
+ ],
960
+ "codeSyntax": {}
961
+ }
962
+ }
963
+ },
964
+ "emphasis": {
965
+ "$type": "color",
966
+ "$value": "{color.accent.brand.emphasis.strongest}",
967
+ "$description": "",
968
+ "$extensions": {
969
+ "com.figma": {
970
+ "hiddenFromPublishing": false,
971
+ "scopes": [
972
+ "ALL_FILLS"
973
+ ],
974
+ "codeSyntax": {}
975
+ }
976
+ }
977
+ },
978
+ "inverse": {
979
+ "$type": "color",
980
+ "$value": "{color.speciality.static.neutral.strongest}",
981
+ "$description": "",
982
+ "$extensions": {
983
+ "com.figma": {
984
+ "hiddenFromPublishing": false,
985
+ "scopes": [
986
+ "ALL_FILLS"
987
+ ],
988
+ "codeSyntax": {}
989
+ }
990
+ }
991
+ },
992
+ "interactive": {
993
+ "link": {
994
+ "$type": "color",
995
+ "$value": "{color.accent.interactive.default}",
996
+ "$description": "",
997
+ "$extensions": {
998
+ "com.figma": {
999
+ "hiddenFromPublishing": false,
1000
+ "scopes": [
1001
+ "ALL_FILLS"
1002
+ ],
1003
+ "codeSyntax": {}
1004
+ }
1005
+ }
1006
+ },
1007
+ "link-hover": {
1008
+ "$type": "color",
1009
+ "$value": "{color.accent.interactive.hover}",
1010
+ "$description": "",
1011
+ "$extensions": {
1012
+ "com.figma": {
1013
+ "hiddenFromPublishing": false,
1014
+ "scopes": [
1015
+ "ALL_FILLS"
1016
+ ],
1017
+ "codeSyntax": {}
1018
+ }
1019
+ }
1020
+ },
1021
+ "link-pressed": {
1022
+ "$type": "color",
1023
+ "$value": "{color.accent.interactive.pressed}",
1024
+ "$description": "",
1025
+ "$extensions": {
1026
+ "com.figma": {
1027
+ "hiddenFromPublishing": false,
1028
+ "scopes": [
1029
+ "ALL_FILLS"
1030
+ ],
1031
+ "codeSyntax": {}
1032
+ }
1033
+ }
1034
+ },
1035
+ "link-active": {
1036
+ "$type": "color",
1037
+ "$value": "{color.accent.interactive.selected.default}",
1038
+ "$description": "",
1039
+ "$extensions": {
1040
+ "com.figma": {
1041
+ "hiddenFromPublishing": false,
1042
+ "scopes": [
1043
+ "ALL_FILLS"
1044
+ ],
1045
+ "codeSyntax": {}
1046
+ }
1047
+ }
1048
+ },
1049
+ "disabled": {
1050
+ "$type": "color",
1051
+ "$value": "{color.accent.neutral.medium}",
1052
+ "$description": "",
1053
+ "$extensions": {
1054
+ "com.figma": {
1055
+ "hiddenFromPublishing": false,
1056
+ "scopes": [
1057
+ "ALL_FILLS"
1058
+ ],
1059
+ "codeSyntax": {}
1060
+ }
1061
+ }
1062
+ }
1063
+ },
1064
+ "feedback": {
1065
+ "info": {
1066
+ "$type": "color",
1067
+ "$value": "{color.accent.feedback.info.strongest}",
1068
+ "$description": "",
1069
+ "$extensions": {
1070
+ "com.figma": {
1071
+ "hiddenFromPublishing": false,
1072
+ "scopes": [
1073
+ "ALL_FILLS"
1074
+ ],
1075
+ "codeSyntax": {}
1076
+ }
1077
+ }
1078
+ },
1079
+ "success": {
1080
+ "$type": "color",
1081
+ "$value": "{color.accent.feedback.success.strongest}",
1082
+ "$description": "",
1083
+ "$extensions": {
1084
+ "com.figma": {
1085
+ "hiddenFromPublishing": false,
1086
+ "scopes": [
1087
+ "ALL_FILLS"
1088
+ ],
1089
+ "codeSyntax": {}
1090
+ }
1091
+ }
1092
+ },
1093
+ "warning": {
1094
+ "$type": "color",
1095
+ "$value": "{color.accent.feedback.warning.strongest}",
1096
+ "$description": "",
1097
+ "$extensions": {
1098
+ "com.figma": {
1099
+ "hiddenFromPublishing": false,
1100
+ "scopes": [
1101
+ "ALL_FILLS"
1102
+ ],
1103
+ "codeSyntax": {}
1104
+ }
1105
+ }
1106
+ },
1107
+ "critical": {
1108
+ "$type": "color",
1109
+ "$value": "{color.accent.feedback.critical.strongest}",
1110
+ "$description": "",
1111
+ "$extensions": {
1112
+ "com.figma": {
1113
+ "hiddenFromPublishing": false,
1114
+ "scopes": [
1115
+ "ALL_FILLS"
1116
+ ],
1117
+ "codeSyntax": {}
1118
+ }
1119
+ }
1120
+ },
1121
+ "tip": {
1122
+ "$type": "color",
1123
+ "$value": "{color.accent.feedback.tip.strongest}",
1124
+ "$description": "",
1125
+ "$extensions": {
1126
+ "com.figma": {
1127
+ "hiddenFromPublishing": false,
1128
+ "scopes": [
1129
+ "ALL_FILLS"
1130
+ ],
1131
+ "codeSyntax": {}
1132
+ }
1133
+ }
1134
+ }
1135
+ }
1136
+ },
1137
+ "component": {
1138
+ "form": {
1139
+ "input": {
1140
+ "foreground": {
1141
+ "default": {
1142
+ "$type": "color",
1143
+ "$value": "{color.default.neutral.strongest}",
1144
+ "$description": "",
1145
+ "$extensions": {
1146
+ "com.figma": {
1147
+ "hiddenFromPublishing": false,
1148
+ "scopes": [
1149
+ "FRAME_FILL",
1150
+ "SHAPE_FILL",
1151
+ "TEXT_FILL"
1152
+ ],
1153
+ "codeSyntax": {}
1154
+ }
1155
+ }
1156
+ },
1157
+ "subtle": {
1158
+ "$type": "color",
1159
+ "$value": "{color.default.neutral.stronger}",
1160
+ "$description": "",
1161
+ "$extensions": {
1162
+ "com.figma": {
1163
+ "hiddenFromPublishing": false,
1164
+ "scopes": [
1165
+ "FRAME_FILL",
1166
+ "SHAPE_FILL",
1167
+ "TEXT_FILL"
1168
+ ],
1169
+ "codeSyntax": {}
1170
+ }
1171
+ }
1172
+ },
1173
+ "placeholder": {
1174
+ "$type": "color",
1175
+ "$value": "{color.default.neutral.strong}",
1176
+ "$description": "",
1177
+ "$extensions": {
1178
+ "com.figma": {
1179
+ "hiddenFromPublishing": false,
1180
+ "scopes": [
1181
+ "FRAME_FILL",
1182
+ "SHAPE_FILL",
1183
+ "TEXT_FILL"
1184
+ ],
1185
+ "codeSyntax": {}
1186
+ }
1187
+ }
1188
+ },
1189
+ "disabled": {
1190
+ "$type": "color",
1191
+ "$value": "{color.default.neutral.strong}",
1192
+ "$description": "",
1193
+ "$extensions": {
1194
+ "com.figma": {
1195
+ "hiddenFromPublishing": false,
1196
+ "scopes": [
1197
+ "FRAME_FILL",
1198
+ "SHAPE_FILL",
1199
+ "TEXT_FILL"
1200
+ ],
1201
+ "codeSyntax": {}
1202
+ }
1203
+ }
1204
+ },
1205
+ "read-only": {
1206
+ "$type": "color",
1207
+ "$value": "{color.default.neutral.stronger}",
1208
+ "$description": "",
1209
+ "$extensions": {
1210
+ "com.figma": {
1211
+ "hiddenFromPublishing": false,
1212
+ "scopes": [
1213
+ "FRAME_FILL",
1214
+ "SHAPE_FILL",
1215
+ "TEXT_FILL"
1216
+ ],
1217
+ "codeSyntax": {}
1218
+ }
1219
+ }
1220
+ },
1221
+ "error": {
1222
+ "$type": "color",
1223
+ "$value": "{color.default.feedback.critical.strongest}",
1224
+ "$description": "",
1225
+ "$extensions": {
1226
+ "com.figma": {
1227
+ "hiddenFromPublishing": false,
1228
+ "scopes": [
1229
+ "FRAME_FILL",
1230
+ "SHAPE_FILL",
1231
+ "TEXT_FILL"
1232
+ ],
1233
+ "codeSyntax": {}
1234
+ }
1235
+ }
1236
+ }
1237
+ },
1238
+ "border": {
1239
+ "active": {
1240
+ "$type": "color",
1241
+ "$value": "{color.speciality.border.accent.active}",
1242
+ "$description": "",
1243
+ "$extensions": {
1244
+ "com.figma": {
1245
+ "hiddenFromPublishing": false,
1246
+ "scopes": [
1247
+ "STROKE_COLOR"
1248
+ ],
1249
+ "codeSyntax": {}
1250
+ }
1251
+ }
1252
+ }
1253
+ },
1254
+ "fill": {
1255
+ "default": {
1256
+ "$type": "color",
1257
+ "$value": "{color.speciality.surface.primary.default.default}",
1258
+ "$description": "",
1259
+ "$extensions": {
1260
+ "com.figma": {
1261
+ "hiddenFromPublishing": false,
1262
+ "scopes": [
1263
+ "FRAME_FILL",
1264
+ "SHAPE_FILL"
1265
+ ],
1266
+ "codeSyntax": {}
1267
+ }
1268
+ }
1269
+ },
1270
+ "default-hover": {
1271
+ "$type": "color",
1272
+ "$value": "{color.speciality.surface.primary.default.default-hover}",
1273
+ "$description": "",
1274
+ "$extensions": {
1275
+ "com.figma": {
1276
+ "hiddenFromPublishing": false,
1277
+ "scopes": [
1278
+ "FRAME_FILL",
1279
+ "SHAPE_FILL"
1280
+ ],
1281
+ "codeSyntax": {}
1282
+ }
1283
+ }
1284
+ },
1285
+ "default-pressed": {
1286
+ "$type": "color",
1287
+ "$value": "{color.speciality.surface.primary.default.default-pressed}",
1288
+ "$description": "",
1289
+ "$extensions": {
1290
+ "com.figma": {
1291
+ "hiddenFromPublishing": false,
1292
+ "scopes": [
1293
+ "FRAME_FILL",
1294
+ "SHAPE_FILL"
1295
+ ],
1296
+ "codeSyntax": {}
1297
+ }
1298
+ }
1299
+ },
1300
+ "disabled": {
1301
+ "$type": "color",
1302
+ "$value": "{color.default.neutral.subtle}",
1303
+ "$description": "",
1304
+ "$extensions": {
1305
+ "com.figma": {
1306
+ "hiddenFromPublishing": false,
1307
+ "scopes": [
1308
+ "FRAME_FILL",
1309
+ "SHAPE_FILL"
1310
+ ],
1311
+ "codeSyntax": {}
1312
+ }
1313
+ }
1314
+ },
1315
+ "read-only": {
1316
+ "$type": "color",
1317
+ "$value": "{color.default.neutral.subtlest}",
1318
+ "$description": "",
1319
+ "$extensions": {
1320
+ "com.figma": {
1321
+ "hiddenFromPublishing": false,
1322
+ "scopes": [
1323
+ "FRAME_FILL",
1324
+ "SHAPE_FILL"
1325
+ ],
1326
+ "codeSyntax": {}
1327
+ }
1328
+ }
1329
+ },
1330
+ "error": {
1331
+ "$type": "color",
1332
+ "$value": "{color.default.feedback.critical.subtlest}",
1333
+ "$description": "",
1334
+ "$extensions": {
1335
+ "com.figma": {
1336
+ "hiddenFromPublishing": false,
1337
+ "scopes": [
1338
+ "FRAME_FILL",
1339
+ "SHAPE_FILL"
1340
+ ],
1341
+ "codeSyntax": {}
1342
+ }
1343
+ }
1344
+ }
1345
+ }
1346
+ },
1347
+ "toggleswitch": {
1348
+ "handle": {
1349
+ "default": {
1350
+ "$type": "color",
1351
+ "$value": "{color.speciality.static.neutral.white}",
1352
+ "$description": "",
1353
+ "$extensions": {
1354
+ "com.figma": {
1355
+ "hiddenFromPublishing": false,
1356
+ "scopes": [
1357
+ "FRAME_FILL",
1358
+ "SHAPE_FILL"
1359
+ ],
1360
+ "codeSyntax": {}
1361
+ }
1362
+ }
1363
+ },
1364
+ "disabled": {
1365
+ "$type": "color",
1366
+ "$value": "{color.speciality.static.neutral.default}",
1367
+ "$description": "",
1368
+ "$extensions": {
1369
+ "com.figma": {
1370
+ "hiddenFromPublishing": false,
1371
+ "scopes": [
1372
+ "FRAME_FILL",
1373
+ "SHAPE_FILL"
1374
+ ],
1375
+ "codeSyntax": {}
1376
+ }
1377
+ }
1378
+ }
1379
+ },
1380
+ "fill": {
1381
+ "default": {
1382
+ "$type": "color",
1383
+ "$value": "{color.default.neutral.default}",
1384
+ "$description": "",
1385
+ "$extensions": {
1386
+ "com.figma": {
1387
+ "hiddenFromPublishing": false,
1388
+ "scopes": [
1389
+ "FRAME_FILL",
1390
+ "SHAPE_FILL"
1391
+ ],
1392
+ "codeSyntax": {}
1393
+ }
1394
+ }
1395
+ },
1396
+ "default-hover": {
1397
+ "$type": "color",
1398
+ "$value": "{color.default.neutral.medium}",
1399
+ "$description": "",
1400
+ "$extensions": {
1401
+ "com.figma": {
1402
+ "hiddenFromPublishing": false,
1403
+ "scopes": [
1404
+ "FRAME_FILL",
1405
+ "SHAPE_FILL"
1406
+ ],
1407
+ "codeSyntax": {}
1408
+ }
1409
+ }
1410
+ },
1411
+ "default-pressed": {
1412
+ "$type": "color",
1413
+ "$value": "{color.default.neutral.strong}",
1414
+ "$description": "",
1415
+ "$extensions": {
1416
+ "com.figma": {
1417
+ "hiddenFromPublishing": false,
1418
+ "scopes": [
1419
+ "FRAME_FILL",
1420
+ "SHAPE_FILL"
1421
+ ],
1422
+ "codeSyntax": {}
1423
+ }
1424
+ }
1425
+ },
1426
+ "selected": {
1427
+ "$type": "color",
1428
+ "$value": "{color.default.feedback.success.medium}",
1429
+ "$description": "",
1430
+ "$extensions": {
1431
+ "com.figma": {
1432
+ "hiddenFromPublishing": false,
1433
+ "scopes": [
1434
+ "FRAME_FILL",
1435
+ "SHAPE_FILL"
1436
+ ],
1437
+ "codeSyntax": {}
1438
+ }
1439
+ }
1440
+ },
1441
+ "selected-hover": {
1442
+ "$type": "color",
1443
+ "$value": "{color.default.feedback.success.strong}",
1444
+ "$description": "",
1445
+ "$extensions": {
1446
+ "com.figma": {
1447
+ "hiddenFromPublishing": false,
1448
+ "scopes": [
1449
+ "FRAME_FILL",
1450
+ "SHAPE_FILL"
1451
+ ],
1452
+ "codeSyntax": {}
1453
+ }
1454
+ }
1455
+ },
1456
+ "selected-pressed": {
1457
+ "$type": "color",
1458
+ "$value": "{color.default.feedback.success.stronger}",
1459
+ "$description": "",
1460
+ "$extensions": {
1461
+ "com.figma": {
1462
+ "hiddenFromPublishing": false,
1463
+ "scopes": [
1464
+ "FRAME_FILL",
1465
+ "SHAPE_FILL"
1466
+ ],
1467
+ "codeSyntax": {}
1468
+ }
1469
+ }
1470
+ },
1471
+ "selected-disabled": {
1472
+ "$type": "color",
1473
+ "$value": "{color.default.feedback.success.subtle}",
1474
+ "$description": "",
1475
+ "$extensions": {
1476
+ "com.figma": {
1477
+ "hiddenFromPublishing": false,
1478
+ "scopes": [
1479
+ "FRAME_FILL",
1480
+ "SHAPE_FILL"
1481
+ ],
1482
+ "codeSyntax": {}
1483
+ }
1484
+ }
1485
+ },
1486
+ "selected-read-only": {
1487
+ "$type": "color",
1488
+ "$value": "{color.default.feedback.success.subtlest}",
1489
+ "$description": "",
1490
+ "$extensions": {
1491
+ "com.figma": {
1492
+ "hiddenFromPublishing": false,
1493
+ "scopes": [
1494
+ "FRAME_FILL",
1495
+ "SHAPE_FILL"
1496
+ ],
1497
+ "codeSyntax": {}
1498
+ }
1499
+ }
1500
+ },
1501
+ "critical": {
1502
+ "$type": "color",
1503
+ "$value": "{color.accent.feedback.critical.medium}",
1504
+ "$description": "",
1505
+ "$extensions": {
1506
+ "com.figma": {
1507
+ "hiddenFromPublishing": false,
1508
+ "scopes": [
1509
+ "FRAME_FILL",
1510
+ "SHAPE_FILL"
1511
+ ],
1512
+ "codeSyntax": {}
1513
+ }
1514
+ }
1515
+ },
1516
+ "disabled": {
1517
+ "$type": "color",
1518
+ "$value": "{color.default.neutral.subtle}",
1519
+ "$description": "",
1520
+ "$extensions": {
1521
+ "com.figma": {
1522
+ "hiddenFromPublishing": false,
1523
+ "scopes": [
1524
+ "FRAME_FILL",
1525
+ "SHAPE_FILL"
1526
+ ],
1527
+ "codeSyntax": {}
1528
+ }
1529
+ }
1530
+ },
1531
+ "read-only": {
1532
+ "$type": "color",
1533
+ "$value": "{color.default.neutral.subtlest}",
1534
+ "$description": "",
1535
+ "$extensions": {
1536
+ "com.figma": {
1537
+ "hiddenFromPublishing": false,
1538
+ "scopes": [
1539
+ "FRAME_FILL",
1540
+ "SHAPE_FILL"
1541
+ ],
1542
+ "codeSyntax": {}
1543
+ }
1544
+ }
1545
+ }
1546
+ }
1547
+ }
1548
+ },
1549
+ "button": {
1550
+ "action": {
1551
+ "border": {
1552
+ "default": {
1553
+ "$type": "color",
1554
+ "$value": "{color.speciality.buttons.action.accent.fill.default}",
1555
+ "$description": "",
1556
+ "$extensions": {
1557
+ "com.figma": {
1558
+ "hiddenFromPublishing": false,
1559
+ "scopes": [
1560
+ "STROKE_COLOR"
1561
+ ],
1562
+ "codeSyntax": {}
1563
+ }
1564
+ }
1565
+ },
1566
+ "hover": {
1567
+ "$type": "color",
1568
+ "$value": "{color.speciality.buttons.action.accent.fill.hover}",
1569
+ "$description": "",
1570
+ "$extensions": {
1571
+ "com.figma": {
1572
+ "hiddenFromPublishing": false,
1573
+ "scopes": [
1574
+ "STROKE_COLOR"
1575
+ ],
1576
+ "codeSyntax": {}
1577
+ }
1578
+ }
1579
+ },
1580
+ "pressed": {
1581
+ "$type": "color",
1582
+ "$value": "{color.speciality.buttons.action.accent.fill.pressed}",
1583
+ "$description": "",
1584
+ "$extensions": {
1585
+ "com.figma": {
1586
+ "hiddenFromPublishing": false,
1587
+ "scopes": [
1588
+ "STROKE_COLOR"
1589
+ ],
1590
+ "codeSyntax": {}
1591
+ }
1592
+ }
1593
+ }
1594
+ },
1595
+ "fill": {
1596
+ "default": {
1597
+ "$type": "color",
1598
+ "$value": "{color.speciality.buttons.action.accent.fill.default}",
1599
+ "$description": "",
1600
+ "$extensions": {
1601
+ "com.figma": {
1602
+ "hiddenFromPublishing": false,
1603
+ "scopes": [
1604
+ "FRAME_FILL"
1605
+ ],
1606
+ "codeSyntax": {}
1607
+ }
1608
+ }
1609
+ },
1610
+ "hover": {
1611
+ "$type": "color",
1612
+ "$value": "{color.speciality.buttons.action.accent.fill.hover}",
1613
+ "$description": "",
1614
+ "$extensions": {
1615
+ "com.figma": {
1616
+ "hiddenFromPublishing": false,
1617
+ "scopes": [
1618
+ "FRAME_FILL"
1619
+ ],
1620
+ "codeSyntax": {}
1621
+ }
1622
+ }
1623
+ },
1624
+ "pressed": {
1625
+ "$type": "color",
1626
+ "$value": "{color.speciality.buttons.action.accent.fill.pressed}",
1627
+ "$description": "",
1628
+ "$extensions": {
1629
+ "com.figma": {
1630
+ "hiddenFromPublishing": false,
1631
+ "scopes": [
1632
+ "FRAME_FILL"
1633
+ ],
1634
+ "codeSyntax": {}
1635
+ }
1636
+ }
1637
+ }
1638
+ },
1639
+ "foreground": {
1640
+ "default": {
1641
+ "$type": "color",
1642
+ "$value": "{color.speciality.static.neutral.white}",
1643
+ "$description": "",
1644
+ "$extensions": {
1645
+ "com.figma": {
1646
+ "hiddenFromPublishing": false,
1647
+ "scopes": [
1648
+ "TEXT_FILL"
1649
+ ],
1650
+ "codeSyntax": {}
1651
+ }
1652
+ }
1653
+ },
1654
+ "hover": {
1655
+ "$type": "color",
1656
+ "$value": "{color.speciality.static.neutral.white}",
1657
+ "$description": "",
1658
+ "$extensions": {
1659
+ "com.figma": {
1660
+ "hiddenFromPublishing": false,
1661
+ "scopes": [
1662
+ "TEXT_FILL"
1663
+ ],
1664
+ "codeSyntax": {}
1665
+ }
1666
+ }
1667
+ }
1668
+ }
1669
+ },
1670
+ "primary": {
1671
+ "border": {
1672
+ "default": {
1673
+ "$type": "color",
1674
+ "$value": "{color.accent.brand.emphasis.strong}",
1675
+ "$description": "",
1676
+ "$extensions": {
1677
+ "com.figma": {
1678
+ "hiddenFromPublishing": false,
1679
+ "scopes": [
1680
+ "STROKE_COLOR"
1681
+ ],
1682
+ "codeSyntax": {}
1683
+ }
1684
+ }
1685
+ },
1686
+ "hover": {
1687
+ "$type": "color",
1688
+ "$value": "{color.accent.brand.emphasis.stronger}",
1689
+ "$description": "",
1690
+ "$extensions": {
1691
+ "com.figma": {
1692
+ "hiddenFromPublishing": false,
1693
+ "scopes": [
1694
+ "STROKE_COLOR"
1695
+ ],
1696
+ "codeSyntax": {}
1697
+ }
1698
+ }
1699
+ },
1700
+ "pressed": {
1701
+ "$type": "color",
1702
+ "$value": "{color.accent.brand.emphasis.strongest}",
1703
+ "$description": "",
1704
+ "$extensions": {
1705
+ "com.figma": {
1706
+ "hiddenFromPublishing": false,
1707
+ "scopes": [
1708
+ "STROKE_COLOR"
1709
+ ],
1710
+ "codeSyntax": {}
1711
+ }
1712
+ }
1713
+ }
1714
+ },
1715
+ "fill": {
1716
+ "default": {
1717
+ "$type": "color",
1718
+ "$value": "{color.speciality.buttons.primary.accent.fill.default}",
1719
+ "$description": "",
1720
+ "$extensions": {
1721
+ "com.figma": {
1722
+ "hiddenFromPublishing": false,
1723
+ "scopes": [
1724
+ "FRAME_FILL"
1725
+ ],
1726
+ "codeSyntax": {}
1727
+ }
1728
+ }
1729
+ },
1730
+ "hover": {
1731
+ "$type": "color",
1732
+ "$value": "{color.speciality.buttons.primary.accent.fill.hover}",
1733
+ "$description": "",
1734
+ "$extensions": {
1735
+ "com.figma": {
1736
+ "hiddenFromPublishing": false,
1737
+ "scopes": [
1738
+ "FRAME_FILL"
1739
+ ],
1740
+ "codeSyntax": {}
1741
+ }
1742
+ }
1743
+ },
1744
+ "pressed": {
1745
+ "$type": "color",
1746
+ "$value": "{color.speciality.buttons.primary.accent.fill.pressed}",
1747
+ "$description": "",
1748
+ "$extensions": {
1749
+ "com.figma": {
1750
+ "hiddenFromPublishing": false,
1751
+ "scopes": [
1752
+ "FRAME_FILL"
1753
+ ],
1754
+ "codeSyntax": {}
1755
+ }
1756
+ }
1757
+ }
1758
+ },
1759
+ "foreground": {
1760
+ "default": {
1761
+ "$type": "color",
1762
+ "$value": "{color.speciality.buttons.primary.accent.foreground.default}",
1763
+ "$description": "",
1764
+ "$extensions": {
1765
+ "com.figma": {
1766
+ "hiddenFromPublishing": false,
1767
+ "scopes": [
1768
+ "TEXT_FILL"
1769
+ ],
1770
+ "codeSyntax": {}
1771
+ }
1772
+ }
1773
+ },
1774
+ "hover": {
1775
+ "$type": "color",
1776
+ "$value": "{color.speciality.buttons.primary.accent.foreground.default}",
1777
+ "$description": "",
1778
+ "$extensions": {
1779
+ "com.figma": {
1780
+ "hiddenFromPublishing": false,
1781
+ "scopes": [
1782
+ "TEXT_FILL"
1783
+ ],
1784
+ "codeSyntax": {}
1785
+ }
1786
+ }
1787
+ }
1788
+ }
1789
+ },
1790
+ "secondary": {
1791
+ "border": {
1792
+ "default": {
1793
+ "$type": "color",
1794
+ "$value": "{color.speciality.buttons.secondary.accent.border.default}",
1795
+ "$description": "",
1796
+ "$extensions": {
1797
+ "com.figma": {
1798
+ "hiddenFromPublishing": false,
1799
+ "scopes": [
1800
+ "STROKE_COLOR"
1801
+ ],
1802
+ "codeSyntax": {}
1803
+ }
1804
+ }
1805
+ },
1806
+ "hover": {
1807
+ "$type": "color",
1808
+ "$value": "{color.speciality.buttons.secondary.accent.border.default}",
1809
+ "$description": "",
1810
+ "$extensions": {
1811
+ "com.figma": {
1812
+ "hiddenFromPublishing": false,
1813
+ "scopes": [
1814
+ "STROKE_COLOR"
1815
+ ],
1816
+ "codeSyntax": {}
1817
+ }
1818
+ }
1819
+ },
1820
+ "pressed": {
1821
+ "$type": "color",
1822
+ "$value": "{color.speciality.buttons.secondary.accent.border.default}",
1823
+ "$description": "",
1824
+ "$extensions": {
1825
+ "com.figma": {
1826
+ "hiddenFromPublishing": false,
1827
+ "scopes": [
1828
+ "STROKE_COLOR"
1829
+ ],
1830
+ "codeSyntax": {}
1831
+ }
1832
+ }
1833
+ }
1834
+ },
1835
+ "fill": {
1836
+ "default": {
1837
+ "$type": "color",
1838
+ "$value": "{color.speciality.buttons.secondary.accent.fill.default}",
1839
+ "$description": "",
1840
+ "$extensions": {
1841
+ "com.figma": {
1842
+ "hiddenFromPublishing": false,
1843
+ "scopes": [
1844
+ "FRAME_FILL"
1845
+ ],
1846
+ "codeSyntax": {}
1847
+ }
1848
+ }
1849
+ },
1850
+ "hover": {
1851
+ "$type": "color",
1852
+ "$value": "{color.speciality.buttons.secondary.accent.fill.hover}",
1853
+ "$description": "",
1854
+ "$extensions": {
1855
+ "com.figma": {
1856
+ "hiddenFromPublishing": false,
1857
+ "scopes": [
1858
+ "FRAME_FILL"
1859
+ ],
1860
+ "codeSyntax": {}
1861
+ }
1862
+ }
1863
+ },
1864
+ "pressed": {
1865
+ "$type": "color",
1866
+ "$value": "{color.speciality.buttons.secondary.accent.fill.pressed}",
1867
+ "$description": "",
1868
+ "$extensions": {
1869
+ "com.figma": {
1870
+ "hiddenFromPublishing": false,
1871
+ "scopes": [
1872
+ "FRAME_FILL"
1873
+ ],
1874
+ "codeSyntax": {}
1875
+ }
1876
+ }
1877
+ }
1878
+ },
1879
+ "foreground": {
1880
+ "default": {
1881
+ "$type": "color",
1882
+ "$value": "{color.speciality.buttons.secondary.accent.foreground.default}",
1883
+ "$description": "",
1884
+ "$extensions": {
1885
+ "com.figma": {
1886
+ "hiddenFromPublishing": false,
1887
+ "scopes": [
1888
+ "TEXT_FILL"
1889
+ ],
1890
+ "codeSyntax": {}
1891
+ }
1892
+ }
1893
+ },
1894
+ "hover": {
1895
+ "$type": "color",
1896
+ "$value": "{color.speciality.buttons.secondary.accent.foreground.default}",
1897
+ "$description": "",
1898
+ "$extensions": {
1899
+ "com.figma": {
1900
+ "hiddenFromPublishing": false,
1901
+ "scopes": [
1902
+ "TEXT_FILL"
1903
+ ],
1904
+ "codeSyntax": {}
1905
+ }
1906
+ }
1907
+ }
1908
+ }
1909
+ },
1910
+ "tertiary": {
1911
+ "fill": {
1912
+ "default": {
1913
+ "$type": "color",
1914
+ "$value": "{color.speciality.buttons.tertiary.accent.fill.default}",
1915
+ "$description": "",
1916
+ "$extensions": {
1917
+ "com.figma": {
1918
+ "hiddenFromPublishing": false,
1919
+ "scopes": [
1920
+ "FRAME_FILL"
1921
+ ],
1922
+ "codeSyntax": {}
1923
+ }
1924
+ }
1925
+ },
1926
+ "hover": {
1927
+ "$type": "color",
1928
+ "$value": "{color.speciality.buttons.tertiary.accent.fill.hover}",
1929
+ "$description": "",
1930
+ "$extensions": {
1931
+ "com.figma": {
1932
+ "hiddenFromPublishing": false,
1933
+ "scopes": [
1934
+ "FRAME_FILL"
1935
+ ],
1936
+ "codeSyntax": {}
1937
+ }
1938
+ }
1939
+ },
1940
+ "pressed": {
1941
+ "$type": "color",
1942
+ "$value": "{color.speciality.buttons.tertiary.accent.fill.pressed}",
1943
+ "$description": "",
1944
+ "$extensions": {
1945
+ "com.figma": {
1946
+ "hiddenFromPublishing": false,
1947
+ "scopes": [
1948
+ "FRAME_FILL"
1949
+ ],
1950
+ "codeSyntax": {}
1951
+ }
1952
+ }
1953
+ }
1954
+ },
1955
+ "foreground": {
1956
+ "default": {
1957
+ "$type": "color",
1958
+ "$value": "{color.speciality.buttons.tertiary.accent.foreground.default}",
1959
+ "$description": "",
1960
+ "$extensions": {
1961
+ "com.figma": {
1962
+ "hiddenFromPublishing": false,
1963
+ "scopes": [
1964
+ "TEXT_FILL"
1965
+ ],
1966
+ "codeSyntax": {}
1967
+ }
1968
+ }
1969
+ },
1970
+ "hover": {
1971
+ "$type": "color",
1972
+ "$value": "{color.speciality.buttons.tertiary.accent.foreground.default}",
1973
+ "$description": "",
1974
+ "$extensions": {
1975
+ "com.figma": {
1976
+ "hiddenFromPublishing": false,
1977
+ "scopes": [
1978
+ "TEXT_FILL"
1979
+ ],
1980
+ "codeSyntax": {}
1981
+ }
1982
+ }
1983
+ }
1984
+ }
1985
+ }
1986
+ },
1987
+ "logo": {
1988
+ "name": {
1989
+ "$type": "color",
1990
+ "$value": "{color.speciality.logo.accent.name}",
1991
+ "$description": "",
1992
+ "$extensions": {
1993
+ "com.figma": {
1994
+ "hiddenFromPublishing": false,
1995
+ "scopes": [],
1996
+ "codeSyntax": {}
1997
+ }
1998
+ }
1999
+ },
2000
+ "number1": {
2001
+ "$type": "color",
2002
+ "$value": "{color.speciality.logo.accent.number}",
2003
+ "$description": "",
2004
+ "$extensions": {
2005
+ "com.figma": {
2006
+ "hiddenFromPublishing": false,
2007
+ "scopes": [],
2008
+ "codeSyntax": {}
2009
+ }
2010
+ }
2011
+ },
2012
+ "circle-dark-red": {
2013
+ "$type": "color",
2014
+ "$value": "{color.speciality.logo.accent.circle-red-dark}",
2015
+ "$description": "",
2016
+ "$extensions": {
2017
+ "com.figma": {
2018
+ "hiddenFromPublishing": false,
2019
+ "scopes": [],
2020
+ "codeSyntax": {}
2021
+ }
2022
+ }
2023
+ },
2024
+ "circle-light-red": {
2025
+ "$type": "color",
2026
+ "$value": "{color.speciality.logo.accent.circle-red-bright}",
2027
+ "$description": "",
2028
+ "$extensions": {
2029
+ "com.figma": {
2030
+ "hiddenFromPublishing": false,
2031
+ "scopes": [],
2032
+ "codeSyntax": {}
2033
+ }
2034
+ }
2035
+ }
2036
+ }
2037
+ },
2038
+ "border": {
2039
+ "primary": {
2040
+ "default": {
2041
+ "$type": "color",
2042
+ "$value": "{color.accent.neutral.alpha.strong}",
2043
+ "$description": "",
2044
+ "$extensions": {
2045
+ "com.figma": {
2046
+ "hiddenFromPublishing": false,
2047
+ "scopes": [
2048
+ "FRAME_FILL",
2049
+ "SHAPE_FILL",
2050
+ "STROKE_COLOR"
2051
+ ],
2052
+ "codeSyntax": {}
2053
+ }
2054
+ }
2055
+ },
2056
+ "default-hover": {
2057
+ "$type": "color",
2058
+ "$value": "{color.accent.neutral.alpha.stronger}",
2059
+ "$description": "",
2060
+ "$extensions": {
2061
+ "com.figma": {
2062
+ "hiddenFromPublishing": false,
2063
+ "scopes": [
2064
+ "FRAME_FILL",
2065
+ "SHAPE_FILL",
2066
+ "STROKE_COLOR"
2067
+ ],
2068
+ "codeSyntax": {}
2069
+ }
2070
+ }
2071
+ },
2072
+ "default-pressed": {
2073
+ "$type": "color",
2074
+ "$value": "{color.accent.neutral.alpha.strongest}",
2075
+ "$description": "",
2076
+ "$extensions": {
2077
+ "com.figma": {
2078
+ "hiddenFromPublishing": false,
2079
+ "scopes": [
2080
+ "FRAME_FILL",
2081
+ "SHAPE_FILL",
2082
+ "STROKE_COLOR"
2083
+ ],
2084
+ "codeSyntax": {}
2085
+ }
2086
+ }
2087
+ },
2088
+ "subtle": {
2089
+ "$type": "color",
2090
+ "$value": "{color.accent.neutral.alpha.subtle}",
2091
+ "$description": "",
2092
+ "$extensions": {
2093
+ "com.figma": {
2094
+ "hiddenFromPublishing": false,
2095
+ "scopes": [
2096
+ "FRAME_FILL",
2097
+ "SHAPE_FILL",
2098
+ "STROKE_COLOR"
2099
+ ],
2100
+ "codeSyntax": {}
2101
+ }
2102
+ }
2103
+ },
2104
+ "subtle-hover": {
2105
+ "$type": "color",
2106
+ "$value": "{color.accent.neutral.alpha.default}",
2107
+ "$description": "",
2108
+ "$extensions": {
2109
+ "com.figma": {
2110
+ "hiddenFromPublishing": false,
2111
+ "scopes": [
2112
+ "FRAME_FILL",
2113
+ "SHAPE_FILL",
2114
+ "STROKE_COLOR"
2115
+ ],
2116
+ "codeSyntax": {}
2117
+ }
2118
+ }
2119
+ },
2120
+ "subtle-pressed": {
2121
+ "$type": "color",
2122
+ "$value": "{color.accent.neutral.alpha.medium}",
2123
+ "$description": "",
2124
+ "$extensions": {
2125
+ "com.figma": {
2126
+ "hiddenFromPublishing": false,
2127
+ "scopes": [
2128
+ "FRAME_FILL",
2129
+ "SHAPE_FILL",
2130
+ "STROKE_COLOR"
2131
+ ],
2132
+ "codeSyntax": {}
2133
+ }
2134
+ }
2135
+ },
2136
+ "emphasis": {
2137
+ "$type": "color",
2138
+ "$value": "{color.accent.brand.emphasis.strong}",
2139
+ "$description": "",
2140
+ "$extensions": {
2141
+ "com.figma": {
2142
+ "hiddenFromPublishing": false,
2143
+ "scopes": [
2144
+ "FRAME_FILL",
2145
+ "SHAPE_FILL",
2146
+ "STROKE_COLOR"
2147
+ ],
2148
+ "codeSyntax": {}
2149
+ }
2150
+ }
2151
+ }
2152
+ },
2153
+ "feedback": {
2154
+ "info": {
2155
+ "$type": "color",
2156
+ "$value": "{color.accent.feedback.info.medium}",
2157
+ "$description": "",
2158
+ "$extensions": {
2159
+ "com.figma": {
2160
+ "hiddenFromPublishing": false,
2161
+ "scopes": [
2162
+ "FRAME_FILL",
2163
+ "SHAPE_FILL",
2164
+ "STROKE_COLOR"
2165
+ ],
2166
+ "codeSyntax": {}
2167
+ }
2168
+ }
2169
+ },
2170
+ "success": {
2171
+ "$type": "color",
2172
+ "$value": "{color.accent.feedback.success.medium}",
2173
+ "$description": "",
2174
+ "$extensions": {
2175
+ "com.figma": {
2176
+ "hiddenFromPublishing": false,
2177
+ "scopes": [
2178
+ "FRAME_FILL",
2179
+ "SHAPE_FILL",
2180
+ "STROKE_COLOR"
2181
+ ],
2182
+ "codeSyntax": {}
2183
+ }
2184
+ }
2185
+ },
2186
+ "warning": {
2187
+ "$type": "color",
2188
+ "$value": "{color.accent.feedback.warning.medium}",
2189
+ "$description": "",
2190
+ "$extensions": {
2191
+ "com.figma": {
2192
+ "hiddenFromPublishing": false,
2193
+ "scopes": [
2194
+ "FRAME_FILL",
2195
+ "SHAPE_FILL",
2196
+ "STROKE_COLOR"
2197
+ ],
2198
+ "codeSyntax": {}
2199
+ }
2200
+ }
2201
+ },
2202
+ "critical": {
2203
+ "$type": "color",
2204
+ "$value": "{color.accent.feedback.critical.medium}",
2205
+ "$description": "",
2206
+ "$extensions": {
2207
+ "com.figma": {
2208
+ "hiddenFromPublishing": false,
2209
+ "scopes": [
2210
+ "FRAME_FILL",
2211
+ "SHAPE_FILL",
2212
+ "STROKE_COLOR"
2213
+ ],
2214
+ "codeSyntax": {}
2215
+ }
2216
+ }
2217
+ },
2218
+ "tip": {
2219
+ "$type": "color",
2220
+ "$value": "{color.accent.feedback.tip.medium}",
2221
+ "$description": "",
2222
+ "$extensions": {
2223
+ "com.figma": {
2224
+ "hiddenFromPublishing": false,
2225
+ "scopes": [
2226
+ "FRAME_FILL",
2227
+ "SHAPE_FILL",
2228
+ "STROKE_COLOR"
2229
+ ],
2230
+ "codeSyntax": {}
2231
+ }
2232
+ }
2233
+ }
2234
+ },
2235
+ "interactive": {
2236
+ "focus": {
2237
+ "$type": "color",
2238
+ "$value": "{color.accent.interactive.focus}",
2239
+ "$description": "",
2240
+ "$extensions": {
2241
+ "com.figma": {
2242
+ "hiddenFromPublishing": false,
2243
+ "scopes": [
2244
+ "FRAME_FILL",
2245
+ "SHAPE_FILL",
2246
+ "STROKE_COLOR"
2247
+ ],
2248
+ "codeSyntax": {
2249
+ "WEB": "--ffe-color-border-interactive-focus"
2250
+ }
2251
+ }
2252
+ }
2253
+ },
2254
+ "selected": {
2255
+ "$type": "color",
2256
+ "$value": "{color.accent.brand.emphasis.strong}",
2257
+ "$description": "",
2258
+ "$extensions": {
2259
+ "com.figma": {
2260
+ "hiddenFromPublishing": false,
2261
+ "scopes": [
2262
+ "FRAME_FILL",
2263
+ "SHAPE_FILL",
2264
+ "STROKE_COLOR"
2265
+ ],
2266
+ "codeSyntax": {}
2267
+ }
2268
+ }
2269
+ }
2270
+ }
2271
+ }
2272
+ }
2273
+ }