@kusitms/tokens 0.1.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 (6) hide show
  1. package/package.json +25 -0
  2. package/src/index.css +132 -0
  3. package/src/raw-tokens.json +1095 -0
  4. package/src/themes.css +132 -0
  5. package/src/tokens.json +166 -0
  6. package/src/typography.css +325 -0
package/src/raw-tokens.json ADDED
@@ -0,0 +1,1095 @@
1
+ {
2
+ "global": {},
3
+ "Atomic/Mode 1": {
4
+ "coolNetural": {
5
+ "1": {
6
+ "$extensions": {
7
+ "com.figma.scopes": ["ALL_SCOPES"],
8
+ "com.figma.hiddenFromPublishing": false
9
+ },
10
+ "$type": "color",
11
+ "$value": "#f7f7f8"
12
+ },
13
+ "5": {
14
+ "$extensions": {
15
+ "com.figma.scopes": ["ALL_SCOPES"],
16
+ "com.figma.hiddenFromPublishing": false
17
+ },
18
+ "$type": "color",
19
+ "$value": "#edeeef"
20
+ },
21
+ "10": {
22
+ "$extensions": {
23
+ "com.figma.scopes": ["ALL_SCOPES"],
24
+ "com.figma.hiddenFromPublishing": false
25
+ },
26
+ "$type": "color",
27
+ "$value": "#dcdddf"
28
+ },
29
+ "20": {
30
+ "$extensions": {
31
+ "com.figma.scopes": ["ALL_SCOPES"],
32
+ "com.figma.hiddenFromPublishing": false
33
+ },
34
+ "$type": "color",
35
+ "$value": "#babbc1"
36
+ },
37
+ "30": {
38
+ "$extensions": {
39
+ "com.figma.scopes": ["ALL_SCOPES"],
40
+ "com.figma.hiddenFromPublishing": false
41
+ },
42
+ "$type": "color",
43
+ "$value": "#9798a1"
44
+ },
45
+ "40": {
46
+ "$extensions": {
47
+ "com.figma.scopes": ["ALL_SCOPES"],
48
+ "com.figma.hiddenFromPublishing": false
49
+ },
50
+ "$type": "color",
51
+ "$value": "#777982"
52
+ },
53
+ "50": {
54
+ "$extensions": {
55
+ "com.figma.scopes": ["ALL_SCOPES"],
56
+ "com.figma.hiddenFromPublishing": false
57
+ },
58
+ "$type": "color",
59
+ "$value": "#5b5c63"
60
+ },
61
+ "60": {
62
+ "$extensions": {
63
+ "com.figma.scopes": ["ALL_SCOPES"],
64
+ "com.figma.hiddenFromPublishing": false
65
+ },
66
+ "$type": "color",
67
+ "$value": "#484950"
68
+ },
69
+ "70": {
70
+ "$extensions": {
71
+ "com.figma.scopes": ["ALL_SCOPES"],
72
+ "com.figma.hiddenFromPublishing": false
73
+ },
74
+ "$type": "color",
75
+ "$value": "#35373b"
76
+ },
77
+ "80": {
78
+ "$extensions": {
79
+ "com.figma.scopes": ["ALL_SCOPES"],
80
+ "com.figma.hiddenFromPublishing": false
81
+ },
82
+ "$type": "color",
83
+ "$value": "#27282b"
84
+ },
85
+ "90": {
86
+ "$extensions": {
87
+ "com.figma.scopes": ["ALL_SCOPES"],
88
+ "com.figma.hiddenFromPublishing": false
89
+ },
90
+ "$type": "color",
91
+ "$value": "#17171a"
92
+ },
93
+ "95": {
94
+ "$extensions": {
95
+ "com.figma.scopes": ["ALL_SCOPES"],
96
+ "com.figma.hiddenFromPublishing": false
97
+ },
98
+ "$type": "color",
99
+ "$value": "#0e0e10"
100
+ }
101
+ },
102
+ "netural": {
103
+ "5": {
104
+ "$extensions": {
105
+ "com.figma.scopes": ["ALL_SCOPES"],
106
+ "com.figma.hiddenFromPublishing": false
107
+ },
108
+ "$type": "color",
109
+ "$value": "#f1f1f1"
110
+ },
111
+ "10": {
112
+ "$extensions": {
113
+ "com.figma.scopes": ["ALL_SCOPES"],
114
+ "com.figma.hiddenFromPublishing": false
115
+ },
116
+ "$type": "color",
117
+ "$value": "#e5e5e5"
118
+ },
119
+ "20": {
120
+ "$extensions": {
121
+ "com.figma.scopes": ["ALL_SCOPES"],
122
+ "com.figma.hiddenFromPublishing": false
123
+ },
124
+ "$type": "color",
125
+ "$value": "#c9c9c9"
126
+ },
127
+ "30": {
128
+ "$extensions": {
129
+ "com.figma.scopes": ["ALL_SCOPES"],
130
+ "com.figma.hiddenFromPublishing": false
131
+ },
132
+ "$type": "color",
133
+ "$value": "#b0b0b0"
134
+ },
135
+ "40": {
136
+ "$extensions": {
137
+ "com.figma.scopes": ["ALL_SCOPES"],
138
+ "com.figma.hiddenFromPublishing": false
139
+ },
140
+ "$type": "color",
141
+ "$value": "#989898"
142
+ },
143
+ "50": {
144
+ "$extensions": {
145
+ "com.figma.scopes": ["ALL_SCOPES"],
146
+ "com.figma.hiddenFromPublishing": false
147
+ },
148
+ "$type": "color",
149
+ "$value": "#7f7f7f"
150
+ },
151
+ "60": {
152
+ "$extensions": {
153
+ "com.figma.scopes": ["ALL_SCOPES"],
154
+ "com.figma.hiddenFromPublishing": false
155
+ },
156
+ "$type": "color",
157
+ "$value": "#666666"
158
+ },
159
+ "70": {
160
+ "$extensions": {
161
+ "com.figma.scopes": ["ALL_SCOPES"],
162
+ "com.figma.hiddenFromPublishing": false
163
+ },
164
+ "$type": "color",
165
+ "$value": "#4b4b4b"
166
+ },
167
+ "80": {
168
+ "$extensions": {
169
+ "com.figma.scopes": ["ALL_SCOPES"],
170
+ "com.figma.hiddenFromPublishing": false
171
+ },
172
+ "$type": "color",
173
+ "$value": "#323232"
174
+ },
175
+ "90": {
176
+ "$extensions": {
177
+ "com.figma.scopes": ["ALL_SCOPES"],
178
+ "com.figma.hiddenFromPublishing": false
179
+ },
180
+ "$type": "color",
181
+ "$value": "#1d1d1d"
182
+ },
183
+ "95": {
184
+ "$extensions": {
185
+ "com.figma.scopes": ["ALL_SCOPES"],
186
+ "com.figma.hiddenFromPublishing": false
187
+ },
188
+ "$type": "color",
189
+ "$value": "#111111"
190
+ }
191
+ },
192
+ "blue": {
193
+ "5": {
194
+ "$extensions": {
195
+ "com.figma.scopes": ["ALL_SCOPES"],
196
+ "com.figma.hiddenFromPublishing": false
197
+ },
198
+ "$type": "color",
199
+ "$value": "#eff4ff"
200
+ },
201
+ "10": {
202
+ "$extensions": {
203
+ "com.figma.scopes": ["ALL_SCOPES"],
204
+ "com.figma.hiddenFromPublishing": false
205
+ },
206
+ "$type": "color",
207
+ "$value": "#dce5fe"
208
+ },
209
+ "20": {
210
+ "$extensions": {
211
+ "com.figma.scopes": ["ALL_SCOPES"],
212
+ "com.figma.hiddenFromPublishing": false
213
+ },
214
+ "$type": "color",
215
+ "$value": "#baccfe"
216
+ },
217
+ "30": {
218
+ "$extensions": {
219
+ "com.figma.scopes": ["ALL_SCOPES"],
220
+ "com.figma.hiddenFromPublishing": false
221
+ },
222
+ "$type": "color",
223
+ "$value": "#98b1fe"
224
+ },
225
+ "40": {
226
+ "$extensions": {
227
+ "com.figma.scopes": ["ALL_SCOPES"],
228
+ "com.figma.hiddenFromPublishing": false
229
+ },
230
+ "$type": "color",
231
+ "$value": "#7c99fd"
232
+ },
233
+ "50": {
234
+ "$extensions": {
235
+ "com.figma.scopes": ["ALL_SCOPES"],
236
+ "com.figma.hiddenFromPublishing": false
237
+ },
238
+ "$type": "color",
239
+ "$value": "#5c7dfb"
240
+ },
241
+ "60": {
242
+ "$extensions": {
243
+ "com.figma.scopes": ["ALL_SCOPES"],
244
+ "com.figma.hiddenFromPublishing": false
245
+ },
246
+ "$type": "color",
247
+ "$value": "#3e5efa"
248
+ },
249
+ "70": {
250
+ "$extensions": {
251
+ "com.figma.scopes": ["ALL_SCOPES"],
252
+ "com.figma.hiddenFromPublishing": false
253
+ },
254
+ "$type": "color",
255
+ "$value": "#223dc9"
256
+ },
257
+ "80": {
258
+ "$extensions": {
259
+ "com.figma.scopes": ["ALL_SCOPES"],
260
+ "com.figma.hiddenFromPublishing": false
261
+ },
262
+ "$type": "color",
263
+ "$value": "#051c94"
264
+ },
265
+ "90": {
266
+ "$extensions": {
267
+ "com.figma.scopes": ["ALL_SCOPES"],
268
+ "com.figma.hiddenFromPublishing": false
269
+ },
270
+ "$type": "color",
271
+ "$value": "#0b1a65"
272
+ },
273
+ "95": {
274
+ "$extensions": {
275
+ "com.figma.scopes": ["ALL_SCOPES"],
276
+ "com.figma.hiddenFromPublishing": false
277
+ },
278
+ "$type": "color",
279
+ "$value": "#0a154d"
280
+ }
281
+ },
282
+ "orange": {
283
+ "5": {
284
+ "$extensions": {
285
+ "com.figma.scopes": ["ALL_SCOPES"],
286
+ "com.figma.hiddenFromPublishing": false
287
+ },
288
+ "$type": "color",
289
+ "$value": "#fffcf7"
290
+ },
291
+ "10": {
292
+ "$extensions": {
293
+ "com.figma.scopes": ["ALL_SCOPES"],
294
+ "com.figma.hiddenFromPublishing": false
295
+ },
296
+ "$type": "color",
297
+ "$value": "#fef4e6"
298
+ },
299
+ "20": {
300
+ "$extensions": {
301
+ "com.figma.scopes": ["ALL_SCOPES"],
302
+ "com.figma.hiddenFromPublishing": false
303
+ },
304
+ "$type": "color",
305
+ "$value": "#fee6c6"
306
+ },
307
+ "30": {
308
+ "$extensions": {
309
+ "com.figma.scopes": ["ALL_SCOPES"],
310
+ "com.figma.hiddenFromPublishing": false
311
+ },
312
+ "$type": "color",
313
+ "$value": "#ffd49c"
314
+ },
315
+ "40": {
316
+ "$extensions": {
317
+ "com.figma.scopes": ["ALL_SCOPES"],
318
+ "com.figma.hiddenFromPublishing": false
319
+ },
320
+ "$type": "color",
321
+ "$value": "#ffc06e"
322
+ },
323
+ "50": {
324
+ "$extensions": {
325
+ "com.figma.scopes": ["ALL_SCOPES"],
326
+ "com.figma.hiddenFromPublishing": false
327
+ },
328
+ "$type": "color",
329
+ "$value": "#ffa938"
330
+ },
331
+ "60": {
332
+ "$extensions": {
333
+ "com.figma.scopes": ["ALL_SCOPES"],
334
+ "com.figma.hiddenFromPublishing": false
335
+ },
336
+ "$type": "color",
337
+ "$value": "#ff9200"
338
+ },
339
+ "70": {
340
+ "$extensions": {
341
+ "com.figma.scopes": ["ALL_SCOPES"],
342
+ "com.figma.hiddenFromPublishing": false
343
+ },
344
+ "$type": "color",
345
+ "$value": "#d47800"
346
+ },
347
+ "80": {
348
+ "$extensions": {
349
+ "com.figma.scopes": ["ALL_SCOPES"],
350
+ "com.figma.hiddenFromPublishing": false
351
+ },
352
+ "$type": "color",
353
+ "$value": "#9c5800"
354
+ },
355
+ "90": {
356
+ "$extensions": {
357
+ "com.figma.scopes": ["ALL_SCOPES"],
358
+ "com.figma.hiddenFromPublishing": false
359
+ },
360
+ "$type": "color",
361
+ "$value": "#663a00"
362
+ },
363
+ "95": {
364
+ "$extensions": {
365
+ "com.figma.scopes": ["ALL_SCOPES"],
366
+ "com.figma.hiddenFromPublishing": false
367
+ },
368
+ "$type": "color",
369
+ "$value": "#361e00"
370
+ }
371
+ },
372
+ "green": {
373
+ "5": {
374
+ "$extensions": {
375
+ "com.figma.scopes": ["ALL_SCOPES"],
376
+ "com.figma.hiddenFromPublishing": false
377
+ },
378
+ "$type": "color",
379
+ "$value": "#f2fff6"
380
+ },
381
+ "10": {
382
+ "$extensions": {
383
+ "com.figma.scopes": ["ALL_SCOPES"],
384
+ "com.figma.hiddenFromPublishing": false
385
+ },
386
+ "$type": "color",
387
+ "$value": "#d9ffe6"
388
+ },
389
+ "20": {
390
+ "$extensions": {
391
+ "com.figma.scopes": ["ALL_SCOPES"],
392
+ "com.figma.hiddenFromPublishing": false
393
+ },
394
+ "$type": "color",
395
+ "$value": "#acfcc7"
396
+ },
397
+ "30": {
398
+ "$extensions": {
399
+ "com.figma.scopes": ["ALL_SCOPES"],
400
+ "com.figma.hiddenFromPublishing": false
401
+ },
402
+ "$type": "color",
403
+ "$value": "#7df5a5"
404
+ },
405
+ "40": {
406
+ "$extensions": {
407
+ "com.figma.scopes": ["ALL_SCOPES"],
408
+ "com.figma.hiddenFromPublishing": false
409
+ },
410
+ "$type": "color",
411
+ "$value": "#49e57d"
412
+ },
413
+ "50": {
414
+ "$extensions": {
415
+ "com.figma.scopes": ["ALL_SCOPES"],
416
+ "com.figma.hiddenFromPublishing": false
417
+ },
418
+ "$type": "color",
419
+ "$value": "#1ed45a"
420
+ },
421
+ "60": {
422
+ "$extensions": {
423
+ "com.figma.scopes": ["ALL_SCOPES"],
424
+ "com.figma.hiddenFromPublishing": false
425
+ },
426
+ "$type": "color",
427
+ "$value": "#00bf40"
428
+ },
429
+ "70": {
430
+ "$extensions": {
431
+ "com.figma.scopes": ["ALL_SCOPES"],
432
+ "com.figma.hiddenFromPublishing": false
433
+ },
434
+ "$type": "color",
435
+ "$value": "#009632"
436
+ },
437
+ "80": {
438
+ "$extensions": {
439
+ "com.figma.scopes": ["ALL_SCOPES"],
440
+ "com.figma.hiddenFromPublishing": false
441
+ },
442
+ "$type": "color",
443
+ "$value": "#006e25"
444
+ },
445
+ "90": {
446
+ "$extensions": {
447
+ "com.figma.scopes": ["ALL_SCOPES"],
448
+ "com.figma.hiddenFromPublishing": false
449
+ },
450
+ "$type": "color",
451
+ "$value": "#004517"
452
+ },
453
+ "95": {
454
+ "$extensions": {
455
+ "com.figma.scopes": ["ALL_SCOPES"],
456
+ "com.figma.hiddenFromPublishing": false
457
+ },
458
+ "$type": "color",
459
+ "$value": "#00240c"
460
+ }
461
+ },
462
+ "red": {
463
+ "5": {
464
+ "$extensions": {
465
+ "com.figma.scopes": ["ALL_SCOPES"],
466
+ "com.figma.hiddenFromPublishing": false
467
+ },
468
+ "$type": "color",
469
+ "$value": "#fffafa"
470
+ },
471
+ "10": {
472
+ "$extensions": {
473
+ "com.figma.scopes": ["ALL_SCOPES"],
474
+ "com.figma.hiddenFromPublishing": false
475
+ },
476
+ "$type": "color",
477
+ "$value": "#feecec"
478
+ },
479
+ "20": {
480
+ "$extensions": {
481
+ "com.figma.scopes": ["ALL_SCOPES"],
482
+ "com.figma.hiddenFromPublishing": false
483
+ },
484
+ "$type": "color",
485
+ "$value": "#fed5d5"
486
+ },
487
+ "30": {
488
+ "$extensions": {
489
+ "com.figma.scopes": ["ALL_SCOPES"],
490
+ "com.figma.hiddenFromPublishing": false
491
+ },
492
+ "$type": "color",
493
+ "$value": "#ffb5b5"
494
+ },
495
+ "40": {
496
+ "$extensions": {
497
+ "com.figma.scopes": ["ALL_SCOPES"],
498
+ "com.figma.hiddenFromPublishing": false
499
+ },
500
+ "$type": "color",
501
+ "$value": "#ff8c8c"
502
+ },
503
+ "50": {
504
+ "$extensions": {
505
+ "com.figma.scopes": ["ALL_SCOPES"],
506
+ "com.figma.hiddenFromPublishing": false
507
+ },
508
+ "$type": "color",
509
+ "$value": "#ff6363"
510
+ },
511
+ "60": {
512
+ "$extensions": {
513
+ "com.figma.scopes": ["ALL_SCOPES"],
514
+ "com.figma.hiddenFromPublishing": false
515
+ },
516
+ "$type": "color",
517
+ "$value": "#ff4242"
518
+ },
519
+ "70": {
520
+ "$extensions": {
521
+ "com.figma.scopes": ["ALL_SCOPES"],
522
+ "com.figma.hiddenFromPublishing": false
523
+ },
524
+ "$type": "color",
525
+ "$value": "#e52222"
526
+ },
527
+ "80": {
528
+ "$extensions": {
529
+ "com.figma.scopes": ["ALL_SCOPES"],
530
+ "com.figma.hiddenFromPublishing": false
531
+ },
532
+ "$type": "color",
533
+ "$value": "#b00c0c"
534
+ },
535
+ "90": {
536
+ "$extensions": {
537
+ "com.figma.scopes": ["ALL_SCOPES"],
538
+ "com.figma.hiddenFromPublishing": false
539
+ },
540
+ "$type": "color",
541
+ "$value": "#730303"
542
+ },
543
+ "95": {
544
+ "$extensions": {
545
+ "com.figma.scopes": ["ALL_SCOPES"],
546
+ "com.figma.hiddenFromPublishing": false
547
+ },
548
+ "$type": "color",
549
+ "$value": "#3b0101"
550
+ }
551
+ },
552
+ "skyBlue": {
553
+ "5": {
554
+ "$extensions": {
555
+ "com.figma.scopes": ["ALL_SCOPES"],
556
+ "com.figma.hiddenFromPublishing": false
557
+ },
558
+ "$type": "color",
559
+ "$value": "#f0faff"
560
+ },
561
+ "10": {
562
+ "$extensions": {
563
+ "com.figma.scopes": ["ALL_SCOPES"],
564
+ "com.figma.hiddenFromPublishing": false
565
+ },
566
+ "$type": "color",
567
+ "$value": "#e0f5ff"
568
+ },
569
+ "20": {
570
+ "$extensions": {
571
+ "com.figma.scopes": ["ALL_SCOPES"],
572
+ "com.figma.hiddenFromPublishing": false
573
+ },
574
+ "$type": "color",
575
+ "$value": "#c2ebff"
576
+ },
577
+ "30": {
578
+ "$extensions": {
579
+ "com.figma.scopes": ["ALL_SCOPES"],
580
+ "com.figma.hiddenFromPublishing": false
581
+ },
582
+ "$type": "color",
583
+ "$value": "#a3e2ff"
584
+ },
585
+ "40": {
586
+ "$extensions": {
587
+ "com.figma.scopes": ["ALL_SCOPES"],
588
+ "com.figma.hiddenFromPublishing": false
589
+ },
590
+ "$type": "color",
591
+ "$value": "#79d4ff"
592
+ },
593
+ "50": {
594
+ "$extensions": {
595
+ "com.figma.scopes": ["ALL_SCOPES"],
596
+ "com.figma.hiddenFromPublishing": false
597
+ },
598
+ "$type": "color",
599
+ "$value": "#3dc1ff"
600
+ },
601
+ "60": {
602
+ "$extensions": {
603
+ "com.figma.scopes": ["ALL_SCOPES"],
604
+ "com.figma.hiddenFromPublishing": false
605
+ },
606
+ "$type": "color",
607
+ "$value": "#00a6f5"
608
+ },
609
+ "70": {
610
+ "$extensions": {
611
+ "com.figma.scopes": ["ALL_SCOPES"],
612
+ "com.figma.hiddenFromPublishing": false
613
+ },
614
+ "$type": "color",
615
+ "$value": "#006899"
616
+ },
617
+ "80": {
618
+ "$extensions": {
619
+ "com.figma.scopes": ["ALL_SCOPES"],
620
+ "com.figma.hiddenFromPublishing": false
621
+ },
622
+ "$type": "color",
623
+ "$value": "#004566"
624
+ },
625
+ "90": {
626
+ "$extensions": {
627
+ "com.figma.scopes": ["ALL_SCOPES"],
628
+ "com.figma.hiddenFromPublishing": false
629
+ },
630
+ "$type": "color",
631
+ "$value": "#002333"
632
+ },
633
+ "95": {
634
+ "$extensions": {
635
+ "com.figma.scopes": ["ALL_SCOPES"],
636
+ "com.figma.hiddenFromPublishing": false
637
+ },
638
+ "$type": "color",
639
+ "$value": "#021a25"
640
+ }
641
+ },
642
+ "indigo": {
643
+ "5": {
644
+ "$extensions": {
645
+ "com.figma.scopes": ["ALL_SCOPES"],
646
+ "com.figma.hiddenFromPublishing": false
647
+ },
648
+ "$type": "color",
649
+ "$value": "#f3f2ff"
650
+ },
651
+ "10": {
652
+ "$extensions": {
653
+ "com.figma.scopes": ["ALL_SCOPES"],
654
+ "com.figma.hiddenFromPublishing": false
655
+ },
656
+ "$type": "color",
657
+ "$value": "#e3e2fe"
658
+ },
659
+ "20": {
660
+ "$extensions": {
661
+ "com.figma.scopes": ["ALL_SCOPES"],
662
+ "com.figma.hiddenFromPublishing": false
663
+ },
664
+ "$type": "color",
665
+ "$value": "#cac6fe"
666
+ },
667
+ "30": {
668
+ "$extensions": {
669
+ "com.figma.scopes": ["ALL_SCOPES"],
670
+ "com.figma.hiddenFromPublishing": false
671
+ },
672
+ "$type": "color",
673
+ "$value": "#afaafd"
674
+ },
675
+ "40": {
676
+ "$extensions": {
677
+ "com.figma.scopes": ["ALL_SCOPES"],
678
+ "com.figma.hiddenFromPublishing": false
679
+ },
680
+ "$type": "color",
681
+ "$value": "#948bfc"
682
+ },
683
+ "50": {
684
+ "$extensions": {
685
+ "com.figma.scopes": ["ALL_SCOPES"],
686
+ "com.figma.hiddenFromPublishing": false
687
+ },
688
+ "$type": "color",
689
+ "$value": "#7366fc"
690
+ },
691
+ "60": {
692
+ "$extensions": {
693
+ "com.figma.scopes": ["ALL_SCOPES"],
694
+ "com.figma.hiddenFromPublishing": false
695
+ },
696
+ "$type": "color",
697
+ "$value": "#5640f9"
698
+ },
699
+ "70": {
700
+ "$extensions": {
701
+ "com.figma.scopes": ["ALL_SCOPES"],
702
+ "com.figma.hiddenFromPublishing": false
703
+ },
704
+ "$type": "color",
705
+ "$value": "#3d18d8"
706
+ },
707
+ "80": {
708
+ "$extensions": {
709
+ "com.figma.scopes": ["ALL_SCOPES"],
710
+ "com.figma.hiddenFromPublishing": false
711
+ },
712
+ "$type": "color",
713
+ "$value": "#24079d"
714
+ },
715
+ "90": {
716
+ "$extensions": {
717
+ "com.figma.scopes": ["ALL_SCOPES"],
718
+ "com.figma.hiddenFromPublishing": false
719
+ },
720
+ "$type": "color",
721
+ "$value": "#140364"
722
+ },
723
+ "95": {
724
+ "$extensions": {
725
+ "com.figma.scopes": ["ALL_SCOPES"],
726
+ "com.figma.hiddenFromPublishing": false
727
+ },
728
+ "$type": "color",
729
+ "$value": "#0b0147"
730
+ }
731
+ },
732
+ "common": {
733
+ "0": {
734
+ "$extensions": {
735
+ "com.figma.scopes": ["ALL_SCOPES"],
736
+ "com.figma.hiddenFromPublishing": false
737
+ },
738
+ "$type": "color",
739
+ "$value": "#ffffff"
740
+ },
741
+ "100": {
742
+ "$extensions": {
743
+ "com.figma.scopes": ["ALL_SCOPES"],
744
+ "com.figma.hiddenFromPublishing": false
745
+ },
746
+ "$type": "color",
747
+ "$value": "#000000"
748
+ }
749
+ },
750
+ "brand": {
751
+ "logo": {
752
+ "$extensions": {
753
+ "com.figma.scopes": ["ALL_SCOPES"],
754
+ "com.figma.hiddenFromPublishing": false
755
+ },
756
+ "$type": "color",
757
+ "$value": "#18181b"
758
+ }
759
+ }
760
+ },
761
+ "Semantic/Mode 1": {
762
+ "status": {
763
+ "positive": {
764
+ "$extensions": {
765
+ "com.figma.scopes": ["ALL_SCOPES"],
766
+ "com.figma.hiddenFromPublishing": false
767
+ },
768
+ "$type": "color",
769
+ "$value": "{green.60}"
770
+ },
771
+ "negative": {
772
+ "$extensions": {
773
+ "com.figma.scopes": ["ALL_SCOPES"],
774
+ "com.figma.hiddenFromPublishing": false
775
+ },
776
+ "$type": "color",
777
+ "$value": "{red.60}"
778
+ },
779
+ "cautionary": {
780
+ "$extensions": {
781
+ "com.figma.scopes": ["ALL_SCOPES"],
782
+ "com.figma.hiddenFromPublishing": false
783
+ },
784
+ "$type": "color",
785
+ "$value": "{orange.60}"
786
+ }
787
+ },
788
+ "brand": {
789
+ "primary": {
790
+ "$extensions": {
791
+ "com.figma.scopes": ["ALL_SCOPES"],
792
+ "com.figma.hiddenFromPublishing": false
793
+ },
794
+ "$type": "color",
795
+ "$value": "{blue.60}"
796
+ },
797
+ "secondary": {
798
+ "$extensions": {
799
+ "com.figma.scopes": ["ALL_SCOPES"],
800
+ "com.figma.hiddenFromPublishing": false
801
+ },
802
+ "$type": "color",
803
+ "$value": "{blue.40}"
804
+ },
805
+ "assisitve": {
806
+ "$extensions": {
807
+ "com.figma.scopes": ["ALL_SCOPES"],
808
+ "com.figma.hiddenFromPublishing": false
809
+ },
810
+ "$type": "color",
811
+ "$value": "{indigo.10}"
812
+ },
813
+ "tertiary": {
814
+ "$extensions": {
815
+ "com.figma.scopes": ["ALL_SCOPES"],
816
+ "com.figma.hiddenFromPublishing": false
817
+ },
818
+ "$type": "color",
819
+ "$value": "{blue.20}"
820
+ },
821
+ "strong": {
822
+ "$extensions": {
823
+ "com.figma.scopes": ["ALL_SCOPES"],
824
+ "com.figma.hiddenFromPublishing": false
825
+ },
826
+ "$type": "color",
827
+ "$value": "{blue.70}"
828
+ },
829
+ "logo": {
830
+ "$extensions": {
831
+ "com.figma.scopes": ["ALL_SCOPES"],
832
+ "com.figma.hiddenFromPublishing": false
833
+ },
834
+ "$type": "color",
835
+ "$value": "{brand.logo}"
836
+ }
837
+ },
838
+ "label": {
839
+ "normal": {
840
+ "$extensions": {
841
+ "com.figma.scopes": ["ALL_SCOPES"],
842
+ "com.figma.hiddenFromPublishing": false
843
+ },
844
+ "$type": "color",
845
+ "$value": "{coolNetural.90}"
846
+ },
847
+ "strong": {
848
+ "$extensions": {
849
+ "com.figma.scopes": ["ALL_SCOPES"],
850
+ "com.figma.hiddenFromPublishing": false
851
+ },
852
+ "$type": "color",
853
+ "$value": "{common.100}"
854
+ },
855
+ "light": {
856
+ "$extensions": {
857
+ "com.figma.scopes": ["ALL_SCOPES"],
858
+ "com.figma.hiddenFromPublishing": false
859
+ },
860
+ "$type": "color",
861
+ "$value": "{coolNetural.50}"
862
+ },
863
+ "alternative": {
864
+ "$extensions": {
865
+ "com.figma.scopes": ["ALL_SCOPES"],
866
+ "com.figma.hiddenFromPublishing": false
867
+ },
868
+ "$type": "color",
869
+ "$value": "{coolNetural.40}"
870
+ },
871
+ "disable": {
872
+ "$extensions": {
873
+ "com.figma.scopes": ["ALL_SCOPES"],
874
+ "com.figma.hiddenFromPublishing": false
875
+ },
876
+ "$type": "color",
877
+ "$value": "{coolNetural.20}"
878
+ },
879
+ "assitive": {
880
+ "$extensions": {
881
+ "com.figma.scopes": ["ALL_SCOPES"],
882
+ "com.figma.hiddenFromPublishing": false
883
+ },
884
+ "$type": "color",
885
+ "$value": "{coolNetural.30}"
886
+ },
887
+ "contrast": {
888
+ "$extensions": {
889
+ "com.figma.scopes": ["ALL_SCOPES"],
890
+ "com.figma.hiddenFromPublishing": false
891
+ },
892
+ "$type": "color",
893
+ "$value": "{common.0}"
894
+ },
895
+ "netural": {
896
+ "$extensions": {
897
+ "com.figma.scopes": ["ALL_SCOPES"],
898
+ "com.figma.hiddenFromPublishing": false
899
+ },
900
+ "$type": "color",
901
+ "$value": "{coolNetural.60}"
902
+ }
903
+ },
904
+ "line": {
905
+ "normal": {
906
+ "$extensions": {
907
+ "com.figma.scopes": ["ALL_SCOPES"],
908
+ "com.figma.hiddenFromPublishing": false
909
+ },
910
+ "$type": "color",
911
+ "$value": "#70737c38"
912
+ },
913
+ "neutral": {
914
+ "$extensions": {
915
+ "com.figma.scopes": ["ALL_SCOPES"],
916
+ "com.figma.hiddenFromPublishing": false
917
+ },
918
+ "$type": "color",
919
+ "$value": "#70737c29"
920
+ },
921
+ "alternative": {
922
+ "$extensions": {
923
+ "com.figma.scopes": ["ALL_SCOPES"],
924
+ "com.figma.hiddenFromPublishing": false
925
+ },
926
+ "$type": "color",
927
+ "$value": "#70737c14"
928
+ },
929
+ "strong": {
930
+ "$extensions": {
931
+ "com.figma.scopes": ["ALL_SCOPES"],
932
+ "com.figma.hiddenFromPublishing": false
933
+ },
934
+ "$type": "color",
935
+ "$value": "{coolNetural.20}"
936
+ }
937
+ },
938
+ "fill": {
939
+ "normal": {
940
+ "$extensions": {
941
+ "com.figma.scopes": ["ALL_SCOPES"],
942
+ "com.figma.hiddenFromPublishing": false
943
+ },
944
+ "$type": "color",
945
+ "$value": "{common.0}"
946
+ },
947
+ "strong": {
948
+ "$extensions": {
949
+ "com.figma.scopes": ["ALL_SCOPES"],
950
+ "com.figma.hiddenFromPublishing": false
951
+ },
952
+ "$type": "color",
953
+ "$value": "{coolNetural.10}"
954
+ },
955
+ "alternative": {
956
+ "$extensions": {
957
+ "com.figma.scopes": ["ALL_SCOPES"],
958
+ "com.figma.hiddenFromPublishing": false
959
+ },
960
+ "$type": "color",
961
+ "$value": "{coolNetural.5}"
962
+ },
963
+ "primary": {
964
+ "$extensions": {
965
+ "com.figma.scopes": ["ALL_SCOPES"],
966
+ "com.figma.hiddenFromPublishing": false
967
+ },
968
+ "$type": "color",
969
+ "$value": "{blue.5}"
970
+ },
971
+ "secondary": {
972
+ "$extensions": {
973
+ "com.figma.scopes": ["ALL_SCOPES"],
974
+ "com.figma.hiddenFromPublishing": false
975
+ },
976
+ "$type": "color",
977
+ "$value": "{indigo.5}"
978
+ },
979
+ "positive": {
980
+ "$extensions": {
981
+ "com.figma.scopes": ["ALL_SCOPES"],
982
+ "com.figma.hiddenFromPublishing": false
983
+ },
984
+ "$type": "color",
985
+ "$value": "{green.5}"
986
+ },
987
+ "cautionary": {
988
+ "$extensions": {
989
+ "com.figma.scopes": ["ALL_SCOPES"],
990
+ "com.figma.hiddenFromPublishing": false
991
+ },
992
+ "$type": "color",
993
+ "$value": "{orange.5}"
994
+ },
995
+ "destructive": {
996
+ "$extensions": {
997
+ "com.figma.scopes": ["ALL_SCOPES"],
998
+ "com.figma.hiddenFromPublishing": false
999
+ },
1000
+ "$type": "color",
1001
+ "$value": "{red.5}"
1002
+ },
1003
+ "netural": {
1004
+ "$extensions": {
1005
+ "com.figma.scopes": ["ALL_SCOPES"],
1006
+ "com.figma.hiddenFromPublishing": false
1007
+ },
1008
+ "$type": "color",
1009
+ "$value": "{coolNetural.1}"
1010
+ },
1011
+ "transparentWhite": {
1012
+ "$extensions": {
1013
+ "com.figma.scopes": ["ALL_SCOPES"],
1014
+ "com.figma.hiddenFromPublishing": false
1015
+ },
1016
+ "$type": "color",
1017
+ "$value": "#ffffff4d"
1018
+ },
1019
+ "transparentBlack": {
1020
+ "$extensions": {
1021
+ "com.figma.scopes": ["ALL_SCOPES"],
1022
+ "com.figma.hiddenFromPublishing": false
1023
+ },
1024
+ "$type": "color",
1025
+ "$value": "#00000026"
1026
+ }
1027
+ },
1028
+ "effect": {
1029
+ "dimmer": {
1030
+ "$extensions": {
1031
+ "com.figma.scopes": ["ALL_SCOPES"],
1032
+ "com.figma.hiddenFromPublishing": false
1033
+ },
1034
+ "$type": "color",
1035
+ "$value": "#17171985"
1036
+ }
1037
+ },
1038
+ "static": {
1039
+ "white": {
1040
+ "$extensions": {
1041
+ "com.figma.scopes": ["ALL_SCOPES"],
1042
+ "com.figma.hiddenFromPublishing": false
1043
+ },
1044
+ "$type": "color",
1045
+ "$value": "{common.0}"
1046
+ },
1047
+ "black": {
1048
+ "$extensions": {
1049
+ "com.figma.scopes": ["ALL_SCOPES"],
1050
+ "com.figma.hiddenFromPublishing": false
1051
+ },
1052
+ "$type": "color",
1053
+ "$value": "{common.100}"
1054
+ }
1055
+ },
1056
+ "interaction": {
1057
+ "hover": {
1058
+ "$extensions": {
1059
+ "com.figma.scopes": ["ALL_SCOPES"],
1060
+ "com.figma.hiddenFromPublishing": false
1061
+ },
1062
+ "$type": "color",
1063
+ "$value": "#ffffff40"
1064
+ },
1065
+ "pressed": {
1066
+ "$extensions": {
1067
+ "com.figma.scopes": ["ALL_SCOPES"],
1068
+ "com.figma.hiddenFromPublishing": false
1069
+ },
1070
+ "$type": "color",
1071
+ "$value": "#00000014"
1072
+ },
1073
+ "hoverInverse": {
1074
+ "$extensions": {
1075
+ "com.figma.scopes": ["ALL_SCOPES"],
1076
+ "com.figma.hiddenFromPublishing": false
1077
+ },
1078
+ "$type": "color",
1079
+ "$value": "#0000000f"
1080
+ },
1081
+ "dim": {
1082
+ "$extensions": {
1083
+ "com.figma.scopes": ["ALL_SCOPES"],
1084
+ "com.figma.hiddenFromPublishing": false
1085
+ },
1086
+ "$type": "color",
1087
+ "$value": "#17171abf"
1088
+ }
1089
+ }
1090
+ },
1091
+ "$themes": [],
1092
+ "$metadata": {
1093
+ "tokenSetOrder": ["global", "Atomic/Mode 1", "Semantic/Mode 1"]
1094
+ }
1095
+ }