@fabrica_communications/design-system 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 (59) hide show
  1. package/README.md +54 -0
  2. package/package.json +91 -0
  3. package/src/app/components/page.tsx +19 -0
  4. package/src/app/favicon.ico +0 -0
  5. package/src/app/foundations/colors/page.tsx +11 -0
  6. package/src/app/foundations/page.tsx +11 -0
  7. package/src/app/foundations/typography/page.tsx +11 -0
  8. package/src/app/getting-started/page.tsx +11 -0
  9. package/src/app/globals.css +3 -0
  10. package/src/app/layout.tsx +61 -0
  11. package/src/app/page.tsx +994 -0
  12. package/src/components/shared/gap.tsx +103 -0
  13. package/src/components/shared/page-header.tsx +11 -0
  14. package/src/components/shared/page-top-button.tsx +27 -0
  15. package/src/components/ui/accordion.tsx +66 -0
  16. package/src/components/ui/alert-dialog.tsx +157 -0
  17. package/src/components/ui/aspect-ratio.tsx +11 -0
  18. package/src/components/ui/badge.tsx +46 -0
  19. package/src/components/ui/breadcrumb.tsx +109 -0
  20. package/src/components/ui/button.mdx +39 -0
  21. package/src/components/ui/button.stories.tsx +88 -0
  22. package/src/components/ui/button.tsx +53 -0
  23. package/src/components/ui/card.tsx +92 -0
  24. package/src/components/ui/carousel.tsx +241 -0
  25. package/src/components/ui/checkbox.tsx +32 -0
  26. package/src/components/ui/dialog.tsx +143 -0
  27. package/src/components/ui/field.tsx +248 -0
  28. package/src/components/ui/heading.tsx +51 -0
  29. package/src/components/ui/icon-definitions.ts +532 -0
  30. package/src/components/ui/icon.tsx +115 -0
  31. package/src/components/ui/input-group.tsx +170 -0
  32. package/src/components/ui/input.tsx +21 -0
  33. package/src/components/ui/label.tsx +24 -0
  34. package/src/components/ui/native-select.tsx +48 -0
  35. package/src/components/ui/pagination.tsx +127 -0
  36. package/src/components/ui/radio-group.tsx +45 -0
  37. package/src/components/ui/scroll-area.tsx +58 -0
  38. package/src/components/ui/section-container.tsx +24 -0
  39. package/src/components/ui/select.tsx +187 -0
  40. package/src/components/ui/separator.tsx +28 -0
  41. package/src/components/ui/skeleton.tsx +13 -0
  42. package/src/components/ui/sonner.tsx +40 -0
  43. package/src/components/ui/switch.mdx +20 -0
  44. package/src/components/ui/switch.stories.tsx +54 -0
  45. package/src/components/ui/switch.tsx +66 -0
  46. package/src/components/ui/table.tsx +119 -0
  47. package/src/components/ui/tabs.tsx +66 -0
  48. package/src/components/ui/text-link.tsx +72 -0
  49. package/src/components/ui/text.tsx +54 -0
  50. package/src/components/ui/textarea.tsx +18 -0
  51. package/src/components/ui/toggle.tsx +47 -0
  52. package/src/components/ui/tooltip.tsx +61 -0
  53. package/src/index.ts +37 -0
  54. package/src/lib/utils.ts +6 -0
  55. package/src/styles/globals.css +162 -0
  56. package/src/styles/variables.css +261 -0
  57. package/tokens/design-tokens.tokens.json +1652 -0
  58. package/tokens/design-tokens.tokens/344/270/213/345/261/244.json +1659 -0
  59. package/tokens//345/205/250/343/203/227/343/203/255/343/202/270/343/202/247/343/202/257/343/203/210/345/205/261/351/200/232_design-tokens.tokens.json +572 -0
package/tokens/design-tokens.tokens.json ADDED
@@ -0,0 +1,1652 @@
1
+ {
2
+ "color": {
3
+ "primitive": {
4
+ "neutral": {
5
+ "100": {
6
+ "type": "color",
7
+ "value": "#f5f6f6ff",
8
+ "blendMode": "normal",
9
+ "extensions": {
10
+ "org.lukasoppermann.figmaDesignTokens": {
11
+ "collection": "color",
12
+ "scopes": [
13
+ "ALL_SCOPES"
14
+ ],
15
+ "variableId": "VariableID:1:33",
16
+ "exportKey": "variables"
17
+ }
18
+ }
19
+ },
20
+ "200": {
21
+ "type": "color",
22
+ "value": "#ecededff",
23
+ "blendMode": "normal",
24
+ "extensions": {
25
+ "org.lukasoppermann.figmaDesignTokens": {
26
+ "collection": "color",
27
+ "scopes": [
28
+ "ALL_SCOPES"
29
+ ],
30
+ "variableId": "VariableID:1:30",
31
+ "exportKey": "variables"
32
+ }
33
+ }
34
+ },
35
+ "300": {
36
+ "type": "color",
37
+ "value": "#e0e2e3ff",
38
+ "blendMode": "normal",
39
+ "extensions": {
40
+ "org.lukasoppermann.figmaDesignTokens": {
41
+ "collection": "color",
42
+ "scopes": [
43
+ "ALL_SCOPES"
44
+ ],
45
+ "variableId": "VariableID:1:28",
46
+ "exportKey": "variables"
47
+ }
48
+ }
49
+ },
50
+ "400": {
51
+ "type": "color",
52
+ "value": "#ced1d2ff",
53
+ "blendMode": "normal",
54
+ "extensions": {
55
+ "org.lukasoppermann.figmaDesignTokens": {
56
+ "collection": "color",
57
+ "scopes": [
58
+ "ALL_SCOPES"
59
+ ],
60
+ "variableId": "VariableID:1:35",
61
+ "exportKey": "variables"
62
+ }
63
+ }
64
+ },
65
+ "500": {
66
+ "type": "color",
67
+ "value": "#b2b6b8ff",
68
+ "blendMode": "normal",
69
+ "extensions": {
70
+ "org.lukasoppermann.figmaDesignTokens": {
71
+ "collection": "color",
72
+ "scopes": [
73
+ "ALL_SCOPES"
74
+ ],
75
+ "variableId": "VariableID:1:34",
76
+ "exportKey": "variables"
77
+ }
78
+ }
79
+ },
80
+ "600": {
81
+ "type": "color",
82
+ "value": "#959b9dff",
83
+ "blendMode": "normal",
84
+ "extensions": {
85
+ "org.lukasoppermann.figmaDesignTokens": {
86
+ "collection": "color",
87
+ "scopes": [
88
+ "ALL_SCOPES"
89
+ ],
90
+ "variableId": "VariableID:1:32",
91
+ "exportKey": "variables"
92
+ }
93
+ }
94
+ },
95
+ "700": {
96
+ "type": "color",
97
+ "value": "#636b6fff",
98
+ "blendMode": "normal",
99
+ "extensions": {
100
+ "org.lukasoppermann.figmaDesignTokens": {
101
+ "collection": "color",
102
+ "scopes": [
103
+ "ALL_SCOPES"
104
+ ],
105
+ "variableId": "VariableID:1:29",
106
+ "exportKey": "variables"
107
+ }
108
+ }
109
+ },
110
+ "800": {
111
+ "type": "color",
112
+ "value": "#3e484dff",
113
+ "blendMode": "normal",
114
+ "extensions": {
115
+ "org.lukasoppermann.figmaDesignTokens": {
116
+ "collection": "color",
117
+ "scopes": [
118
+ "ALL_SCOPES"
119
+ ],
120
+ "variableId": "VariableID:1:27",
121
+ "exportKey": "variables"
122
+ }
123
+ }
124
+ },
125
+ "900": {
126
+ "type": "color",
127
+ "value": "#303538ff",
128
+ "blendMode": "normal",
129
+ "extensions": {
130
+ "org.lukasoppermann.figmaDesignTokens": {
131
+ "collection": "color",
132
+ "scopes": [
133
+ "ALL_SCOPES"
134
+ ],
135
+ "variableId": "VariableID:1:31",
136
+ "exportKey": "variables"
137
+ }
138
+ }
139
+ },
140
+ "050": {
141
+ "type": "color",
142
+ "value": "#f9fafaff",
143
+ "blendMode": "normal",
144
+ "extensions": {
145
+ "org.lukasoppermann.figmaDesignTokens": {
146
+ "collection": "color",
147
+ "scopes": [
148
+ "ALL_SCOPES"
149
+ ],
150
+ "variableId": "VariableID:1:36",
151
+ "exportKey": "variables"
152
+ }
153
+ }
154
+ }
155
+ },
156
+ "primary": {
157
+ "100": {
158
+ "type": "color",
159
+ "value": "#e8fafeff",
160
+ "blendMode": "normal",
161
+ "extensions": {
162
+ "org.lukasoppermann.figmaDesignTokens": {
163
+ "collection": "color",
164
+ "scopes": [
165
+ "ALL_SCOPES"
166
+ ],
167
+ "variableId": "VariableID:1:78",
168
+ "exportKey": "variables"
169
+ }
170
+ }
171
+ },
172
+ "200": {
173
+ "type": "color",
174
+ "value": "#dbf6fcff",
175
+ "blendMode": "normal",
176
+ "extensions": {
177
+ "org.lukasoppermann.figmaDesignTokens": {
178
+ "collection": "color",
179
+ "scopes": [
180
+ "ALL_SCOPES"
181
+ ],
182
+ "variableId": "VariableID:1:77",
183
+ "exportKey": "variables"
184
+ }
185
+ }
186
+ },
187
+ "300": {
188
+ "type": "color",
189
+ "value": "#baf1fdff",
190
+ "blendMode": "normal",
191
+ "extensions": {
192
+ "org.lukasoppermann.figmaDesignTokens": {
193
+ "collection": "color",
194
+ "scopes": [
195
+ "ALL_SCOPES"
196
+ ],
197
+ "variableId": "VariableID:1:76",
198
+ "exportKey": "variables"
199
+ }
200
+ }
201
+ },
202
+ "400": {
203
+ "type": "color",
204
+ "value": "#84e0f8ff",
205
+ "blendMode": "normal",
206
+ "extensions": {
207
+ "org.lukasoppermann.figmaDesignTokens": {
208
+ "collection": "color",
209
+ "scopes": [
210
+ "ALL_SCOPES"
211
+ ],
212
+ "variableId": "VariableID:1:74",
213
+ "exportKey": "variables"
214
+ }
215
+ }
216
+ },
217
+ "500": {
218
+ "type": "color",
219
+ "value": "#51c9e9ff",
220
+ "blendMode": "normal",
221
+ "extensions": {
222
+ "org.lukasoppermann.figmaDesignTokens": {
223
+ "collection": "color",
224
+ "scopes": [
225
+ "ALL_SCOPES"
226
+ ],
227
+ "variableId": "VariableID:1:72",
228
+ "exportKey": "variables"
229
+ }
230
+ }
231
+ },
232
+ "600": {
233
+ "type": "color",
234
+ "value": "#14b2ddff",
235
+ "blendMode": "normal",
236
+ "extensions": {
237
+ "org.lukasoppermann.figmaDesignTokens": {
238
+ "collection": "color",
239
+ "scopes": [
240
+ "ALL_SCOPES"
241
+ ],
242
+ "variableId": "VariableID:1:71",
243
+ "exportKey": "variables"
244
+ }
245
+ }
246
+ },
247
+ "700": {
248
+ "type": "color",
249
+ "value": "#099eceff",
250
+ "blendMode": "normal",
251
+ "extensions": {
252
+ "org.lukasoppermann.figmaDesignTokens": {
253
+ "collection": "color",
254
+ "scopes": [
255
+ "ALL_SCOPES"
256
+ ],
257
+ "variableId": "VariableID:1:70",
258
+ "exportKey": "variables"
259
+ }
260
+ }
261
+ },
262
+ "800": {
263
+ "description": "default",
264
+ "type": "color",
265
+ "value": "#008ec1ff",
266
+ "blendMode": "normal",
267
+ "extensions": {
268
+ "org.lukasoppermann.figmaDesignTokens": {
269
+ "collection": "color",
270
+ "scopes": [
271
+ "ALL_SCOPES"
272
+ ],
273
+ "variableId": "VariableID:1:69",
274
+ "exportKey": "variables"
275
+ }
276
+ }
277
+ },
278
+ "900": {
279
+ "type": "color",
280
+ "value": "#0079a5ff",
281
+ "blendMode": "normal",
282
+ "extensions": {
283
+ "org.lukasoppermann.figmaDesignTokens": {
284
+ "collection": "color",
285
+ "scopes": [
286
+ "ALL_SCOPES"
287
+ ],
288
+ "variableId": "VariableID:1:73",
289
+ "exportKey": "variables"
290
+ }
291
+ }
292
+ },
293
+ "050": {
294
+ "type": "color",
295
+ "value": "#f5feffff",
296
+ "blendMode": "normal",
297
+ "extensions": {
298
+ "org.lukasoppermann.figmaDesignTokens": {
299
+ "collection": "color",
300
+ "scopes": [
301
+ "ALL_SCOPES"
302
+ ],
303
+ "variableId": "VariableID:1:75",
304
+ "exportKey": "variables"
305
+ }
306
+ }
307
+ }
308
+ },
309
+ "secondary": {
310
+ "100": {
311
+ "type": "color",
312
+ "value": "#e3eaf2ff",
313
+ "blendMode": "normal",
314
+ "extensions": {
315
+ "org.lukasoppermann.figmaDesignTokens": {
316
+ "collection": "color",
317
+ "scopes": [
318
+ "ALL_SCOPES"
319
+ ],
320
+ "variableId": "VariableID:1:108",
321
+ "exportKey": "variables"
322
+ }
323
+ }
324
+ },
325
+ "200": {
326
+ "type": "color",
327
+ "value": "#d5dfebff",
328
+ "blendMode": "normal",
329
+ "extensions": {
330
+ "org.lukasoppermann.figmaDesignTokens": {
331
+ "collection": "color",
332
+ "scopes": [
333
+ "ALL_SCOPES"
334
+ ],
335
+ "variableId": "VariableID:1:107",
336
+ "exportKey": "variables"
337
+ }
338
+ }
339
+ },
340
+ "300": {
341
+ "type": "color",
342
+ "value": "#c7d4e4ff",
343
+ "blendMode": "normal",
344
+ "extensions": {
345
+ "org.lukasoppermann.figmaDesignTokens": {
346
+ "collection": "color",
347
+ "scopes": [
348
+ "ALL_SCOPES"
349
+ ],
350
+ "variableId": "VariableID:1:109",
351
+ "exportKey": "variables"
352
+ }
353
+ }
354
+ },
355
+ "400": {
356
+ "type": "color",
357
+ "value": "#abbfd6ff",
358
+ "blendMode": "normal",
359
+ "extensions": {
360
+ "org.lukasoppermann.figmaDesignTokens": {
361
+ "collection": "color",
362
+ "scopes": [
363
+ "ALL_SCOPES"
364
+ ],
365
+ "variableId": "VariableID:1:106",
366
+ "exportKey": "variables"
367
+ }
368
+ }
369
+ },
370
+ "500": {
371
+ "type": "color",
372
+ "value": "#8ea9c8ff",
373
+ "blendMode": "normal",
374
+ "extensions": {
375
+ "org.lukasoppermann.figmaDesignTokens": {
376
+ "collection": "color",
377
+ "scopes": [
378
+ "ALL_SCOPES"
379
+ ],
380
+ "variableId": "VariableID:1:104",
381
+ "exportKey": "variables"
382
+ }
383
+ }
384
+ },
385
+ "600": {
386
+ "type": "color",
387
+ "value": "#6489b4ff",
388
+ "blendMode": "normal",
389
+ "extensions": {
390
+ "org.lukasoppermann.figmaDesignTokens": {
391
+ "collection": "color",
392
+ "scopes": [
393
+ "ALL_SCOPES"
394
+ ],
395
+ "variableId": "VariableID:1:102",
396
+ "exportKey": "variables"
397
+ }
398
+ }
399
+ },
400
+ "700": {
401
+ "type": "color",
402
+ "value": "#406ea3ff",
403
+ "blendMode": "normal",
404
+ "extensions": {
405
+ "org.lukasoppermann.figmaDesignTokens": {
406
+ "collection": "color",
407
+ "scopes": [
408
+ "ALL_SCOPES"
409
+ ],
410
+ "variableId": "VariableID:1:103",
411
+ "exportKey": "variables"
412
+ }
413
+ }
414
+ },
415
+ "800": {
416
+ "type": "color",
417
+ "value": "#1c5291ff",
418
+ "blendMode": "normal",
419
+ "extensions": {
420
+ "org.lukasoppermann.figmaDesignTokens": {
421
+ "collection": "color",
422
+ "scopes": [
423
+ "ALL_SCOPES"
424
+ ],
425
+ "variableId": "VariableID:1:101",
426
+ "exportKey": "variables"
427
+ }
428
+ }
429
+ },
430
+ "900": {
431
+ "type": "color",
432
+ "value": "#19487fff",
433
+ "blendMode": "normal",
434
+ "extensions": {
435
+ "org.lukasoppermann.figmaDesignTokens": {
436
+ "collection": "color",
437
+ "scopes": [
438
+ "ALL_SCOPES"
439
+ ],
440
+ "variableId": "VariableID:1:105",
441
+ "exportKey": "variables"
442
+ }
443
+ }
444
+ },
445
+ "050": {
446
+ "type": "color",
447
+ "value": "#f1f5f9ff",
448
+ "blendMode": "normal",
449
+ "extensions": {
450
+ "org.lukasoppermann.figmaDesignTokens": {
451
+ "collection": "color",
452
+ "scopes": [
453
+ "ALL_SCOPES"
454
+ ],
455
+ "variableId": "VariableID:1:110",
456
+ "exportKey": "variables"
457
+ }
458
+ }
459
+ }
460
+ },
461
+ "accent": {
462
+ "100": {
463
+ "type": "color",
464
+ "value": "#e1f9f9ff",
465
+ "blendMode": "normal",
466
+ "extensions": {
467
+ "org.lukasoppermann.figmaDesignTokens": {
468
+ "collection": "color",
469
+ "scopes": [
470
+ "ALL_SCOPES"
471
+ ],
472
+ "variableId": "VariableID:1:141",
473
+ "exportKey": "variables"
474
+ }
475
+ }
476
+ },
477
+ "200": {
478
+ "type": "color",
479
+ "value": "#c5f0f0ff",
480
+ "blendMode": "normal",
481
+ "extensions": {
482
+ "org.lukasoppermann.figmaDesignTokens": {
483
+ "collection": "color",
484
+ "scopes": [
485
+ "ALL_SCOPES"
486
+ ],
487
+ "variableId": "VariableID:1:138",
488
+ "exportKey": "variables"
489
+ }
490
+ }
491
+ },
492
+ "300": {
493
+ "type": "color",
494
+ "value": "#99e4e5ff",
495
+ "blendMode": "normal",
496
+ "extensions": {
497
+ "org.lukasoppermann.figmaDesignTokens": {
498
+ "collection": "color",
499
+ "scopes": [
500
+ "ALL_SCOPES"
501
+ ],
502
+ "variableId": "VariableID:1:136",
503
+ "exportKey": "variables"
504
+ }
505
+ }
506
+ },
507
+ "400": {
508
+ "type": "color",
509
+ "value": "#64d5d6ff",
510
+ "blendMode": "normal",
511
+ "extensions": {
512
+ "org.lukasoppermann.figmaDesignTokens": {
513
+ "collection": "color",
514
+ "scopes": [
515
+ "ALL_SCOPES"
516
+ ],
517
+ "variableId": "VariableID:1:135",
518
+ "exportKey": "variables"
519
+ }
520
+ }
521
+ },
522
+ "500": {
523
+ "type": "color",
524
+ "value": "#14bebfff",
525
+ "blendMode": "normal",
526
+ "extensions": {
527
+ "org.lukasoppermann.figmaDesignTokens": {
528
+ "collection": "color",
529
+ "scopes": [
530
+ "ALL_SCOPES"
531
+ ],
532
+ "variableId": "VariableID:1:140",
533
+ "exportKey": "variables"
534
+ }
535
+ }
536
+ },
537
+ "600": {
538
+ "type": "color",
539
+ "value": "#0aaeafff",
540
+ "blendMode": "normal",
541
+ "extensions": {
542
+ "org.lukasoppermann.figmaDesignTokens": {
543
+ "collection": "color",
544
+ "scopes": [
545
+ "ALL_SCOPES"
546
+ ],
547
+ "variableId": "VariableID:1:134",
548
+ "exportKey": "variables"
549
+ }
550
+ }
551
+ },
552
+ "700": {
553
+ "type": "color",
554
+ "value": "#009e9eff",
555
+ "blendMode": "normal",
556
+ "extensions": {
557
+ "org.lukasoppermann.figmaDesignTokens": {
558
+ "collection": "color",
559
+ "scopes": [
560
+ "ALL_SCOPES"
561
+ ],
562
+ "variableId": "VariableID:1:139",
563
+ "exportKey": "variables"
564
+ }
565
+ }
566
+ },
567
+ "800": {
568
+ "type": "color",
569
+ "value": "#009191ff",
570
+ "blendMode": "normal",
571
+ "extensions": {
572
+ "org.lukasoppermann.figmaDesignTokens": {
573
+ "collection": "color",
574
+ "scopes": [
575
+ "ALL_SCOPES"
576
+ ],
577
+ "variableId": "VariableID:1:133",
578
+ "exportKey": "variables"
579
+ }
580
+ }
581
+ },
582
+ "900": {
583
+ "type": "color",
584
+ "value": "#008383ff",
585
+ "blendMode": "normal",
586
+ "extensions": {
587
+ "org.lukasoppermann.figmaDesignTokens": {
588
+ "collection": "color",
589
+ "scopes": [
590
+ "ALL_SCOPES"
591
+ ],
592
+ "variableId": "VariableID:1:137",
593
+ "exportKey": "variables"
594
+ }
595
+ }
596
+ },
597
+ "050": {
598
+ "type": "color",
599
+ "value": "#effbfbff",
600
+ "blendMode": "normal",
601
+ "extensions": {
602
+ "org.lukasoppermann.figmaDesignTokens": {
603
+ "collection": "color",
604
+ "scopes": [
605
+ "ALL_SCOPES"
606
+ ],
607
+ "variableId": "VariableID:1:142",
608
+ "exportKey": "variables"
609
+ }
610
+ }
611
+ }
612
+ },
613
+ "success": {
614
+ "100": {
615
+ "type": "color",
616
+ "value": "#e9fac8ff",
617
+ "blendMode": "normal",
618
+ "extensions": {
619
+ "org.lukasoppermann.figmaDesignTokens": {
620
+ "collection": "color",
621
+ "scopes": [
622
+ "ALL_SCOPES"
623
+ ],
624
+ "variableId": "VariableID:1:182",
625
+ "exportKey": "variables"
626
+ }
627
+ }
628
+ },
629
+ "200": {
630
+ "type": "color",
631
+ "value": "#bdea6dff",
632
+ "blendMode": "normal",
633
+ "extensions": {
634
+ "org.lukasoppermann.figmaDesignTokens": {
635
+ "collection": "color",
636
+ "scopes": [
637
+ "ALL_SCOPES"
638
+ ],
639
+ "variableId": "VariableID:1:178",
640
+ "exportKey": "variables"
641
+ }
642
+ }
643
+ },
644
+ "300": {
645
+ "type": "color",
646
+ "value": "#82cd17ff",
647
+ "blendMode": "normal",
648
+ "extensions": {
649
+ "org.lukasoppermann.figmaDesignTokens": {
650
+ "collection": "color",
651
+ "scopes": [
652
+ "ALL_SCOPES"
653
+ ],
654
+ "variableId": "VariableID:1:177",
655
+ "exportKey": "variables"
656
+ }
657
+ }
658
+ },
659
+ "400": {
660
+ "type": "color",
661
+ "value": "#5ea500ff",
662
+ "blendMode": "normal",
663
+ "extensions": {
664
+ "org.lukasoppermann.figmaDesignTokens": {
665
+ "collection": "color",
666
+ "scopes": [
667
+ "ALL_SCOPES"
668
+ ],
669
+ "variableId": "VariableID:1:176",
670
+ "exportKey": "variables"
671
+ }
672
+ }
673
+ },
674
+ "500": {
675
+ "type": "color",
676
+ "value": "#4e8500ff",
677
+ "blendMode": "normal",
678
+ "extensions": {
679
+ "org.lukasoppermann.figmaDesignTokens": {
680
+ "collection": "color",
681
+ "scopes": [
682
+ "ALL_SCOPES"
683
+ ],
684
+ "variableId": "VariableID:1:175",
685
+ "exportKey": "variables"
686
+ }
687
+ }
688
+ }
689
+ },
690
+ "warning": {
691
+ "100": {
692
+ "type": "color",
693
+ "value": "#fff4ccff",
694
+ "blendMode": "normal",
695
+ "extensions": {
696
+ "org.lukasoppermann.figmaDesignTokens": {
697
+ "collection": "color",
698
+ "scopes": [
699
+ "ALL_SCOPES"
700
+ ],
701
+ "variableId": "VariableID:1:185",
702
+ "exportKey": "variables"
703
+ }
704
+ }
705
+ },
706
+ "200": {
707
+ "type": "color",
708
+ "value": "#ffe893ff",
709
+ "blendMode": "normal",
710
+ "extensions": {
711
+ "org.lukasoppermann.figmaDesignTokens": {
712
+ "collection": "color",
713
+ "scopes": [
714
+ "ALL_SCOPES"
715
+ ],
716
+ "variableId": "VariableID:1:187",
717
+ "exportKey": "variables"
718
+ }
719
+ }
720
+ },
721
+ "300": {
722
+ "type": "color",
723
+ "value": "#ffd84aff",
724
+ "blendMode": "normal",
725
+ "extensions": {
726
+ "org.lukasoppermann.figmaDesignTokens": {
727
+ "collection": "color",
728
+ "scopes": [
729
+ "ALL_SCOPES"
730
+ ],
731
+ "variableId": "VariableID:1:181",
732
+ "exportKey": "variables"
733
+ }
734
+ }
735
+ },
736
+ "400": {
737
+ "type": "color",
738
+ "value": "#ffc700ff",
739
+ "blendMode": "normal",
740
+ "extensions": {
741
+ "org.lukasoppermann.figmaDesignTokens": {
742
+ "collection": "color",
743
+ "scopes": [
744
+ "ALL_SCOPES"
745
+ ],
746
+ "variableId": "VariableID:1:183",
747
+ "exportKey": "variables"
748
+ }
749
+ }
750
+ },
751
+ "500": {
752
+ "type": "color",
753
+ "value": "#dd9200ff",
754
+ "blendMode": "normal",
755
+ "extensions": {
756
+ "org.lukasoppermann.figmaDesignTokens": {
757
+ "collection": "color",
758
+ "scopes": [
759
+ "ALL_SCOPES"
760
+ ],
761
+ "variableId": "VariableID:1:179",
762
+ "exportKey": "variables"
763
+ }
764
+ }
765
+ }
766
+ },
767
+ "danger": {
768
+ "100": {
769
+ "type": "color",
770
+ "value": "#ffeae7ff",
771
+ "blendMode": "normal",
772
+ "extensions": {
773
+ "org.lukasoppermann.figmaDesignTokens": {
774
+ "collection": "color",
775
+ "scopes": [
776
+ "ALL_SCOPES"
777
+ ],
778
+ "variableId": "VariableID:1:184",
779
+ "exportKey": "variables"
780
+ }
781
+ }
782
+ },
783
+ "200": {
784
+ "type": "color",
785
+ "value": "#ffd4ceff",
786
+ "blendMode": "normal",
787
+ "extensions": {
788
+ "org.lukasoppermann.figmaDesignTokens": {
789
+ "collection": "color",
790
+ "scopes": [
791
+ "ALL_SCOPES"
792
+ ],
793
+ "variableId": "VariableID:1:189",
794
+ "exportKey": "variables"
795
+ }
796
+ }
797
+ },
798
+ "300": {
799
+ "type": "color",
800
+ "value": "#f89789ff",
801
+ "blendMode": "normal",
802
+ "extensions": {
803
+ "org.lukasoppermann.figmaDesignTokens": {
804
+ "collection": "color",
805
+ "scopes": [
806
+ "ALL_SCOPES"
807
+ ],
808
+ "variableId": "VariableID:1:188",
809
+ "exportKey": "variables"
810
+ }
811
+ }
812
+ },
813
+ "400": {
814
+ "type": "color",
815
+ "value": "#e6533eff",
816
+ "blendMode": "normal",
817
+ "extensions": {
818
+ "org.lukasoppermann.figmaDesignTokens": {
819
+ "collection": "color",
820
+ "scopes": [
821
+ "ALL_SCOPES"
822
+ ],
823
+ "variableId": "VariableID:1:186",
824
+ "exportKey": "variables"
825
+ }
826
+ }
827
+ },
828
+ "500": {
829
+ "type": "color",
830
+ "value": "#da3520ff",
831
+ "blendMode": "normal",
832
+ "extensions": {
833
+ "org.lukasoppermann.figmaDesignTokens": {
834
+ "collection": "color",
835
+ "scopes": [
836
+ "ALL_SCOPES"
837
+ ],
838
+ "variableId": "VariableID:1:180",
839
+ "exportKey": "variables"
840
+ }
841
+ }
842
+ }
843
+ },
844
+ "functional": {
845
+ "10": {
846
+ "type": "color",
847
+ "value": "#666666ff",
848
+ "blendMode": "normal",
849
+ "extensions": {
850
+ "org.lukasoppermann.figmaDesignTokens": {
851
+ "collection": "color",
852
+ "scopes": [
853
+ "ALL_SCOPES"
854
+ ],
855
+ "variableId": "VariableID:101:106",
856
+ "exportKey": "variables"
857
+ }
858
+ }
859
+ },
860
+ "10-opacity": {
861
+ "type": "color",
862
+ "value": "#66666600",
863
+ "blendMode": "normal",
864
+ "extensions": {
865
+ "org.lukasoppermann.figmaDesignTokens": {
866
+ "collection": "color",
867
+ "scopes": [
868
+ "ALL_SCOPES"
869
+ ],
870
+ "variableId": "VariableID:101:93",
871
+ "exportKey": "variables"
872
+ }
873
+ }
874
+ },
875
+ "09-opacity": {
876
+ "type": "color",
877
+ "value": "#95633a00",
878
+ "blendMode": "normal",
879
+ "extensions": {
880
+ "org.lukasoppermann.figmaDesignTokens": {
881
+ "collection": "color",
882
+ "scopes": [
883
+ "ALL_SCOPES"
884
+ ],
885
+ "variableId": "VariableID:101:94",
886
+ "exportKey": "variables"
887
+ }
888
+ }
889
+ },
890
+ "08-opacity": {
891
+ "type": "color",
892
+ "value": "#ac5da400",
893
+ "blendMode": "normal",
894
+ "extensions": {
895
+ "org.lukasoppermann.figmaDesignTokens": {
896
+ "collection": "color",
897
+ "scopes": [
898
+ "ALL_SCOPES"
899
+ ],
900
+ "variableId": "VariableID:101:95",
901
+ "exportKey": "variables"
902
+ }
903
+ }
904
+ },
905
+ "07-opacity": {
906
+ "type": "color",
907
+ "value": "#3566ac00",
908
+ "blendMode": "normal",
909
+ "extensions": {
910
+ "org.lukasoppermann.figmaDesignTokens": {
911
+ "collection": "color",
912
+ "scopes": [
913
+ "ALL_SCOPES"
914
+ ],
915
+ "variableId": "VariableID:101:96",
916
+ "exportKey": "variables"
917
+ }
918
+ }
919
+ },
920
+ "06-opacity": {
921
+ "type": "color",
922
+ "value": "#078ed800",
923
+ "blendMode": "normal",
924
+ "extensions": {
925
+ "org.lukasoppermann.figmaDesignTokens": {
926
+ "collection": "color",
927
+ "scopes": [
928
+ "ALL_SCOPES"
929
+ ],
930
+ "variableId": "VariableID:101:97",
931
+ "exportKey": "variables"
932
+ }
933
+ }
934
+ },
935
+ "05-opacity": {
936
+ "type": "color",
937
+ "value": "#06b9ba00",
938
+ "blendMode": "normal",
939
+ "extensions": {
940
+ "org.lukasoppermann.figmaDesignTokens": {
941
+ "collection": "color",
942
+ "scopes": [
943
+ "ALL_SCOPES"
944
+ ],
945
+ "variableId": "VariableID:101:98",
946
+ "exportKey": "variables"
947
+ }
948
+ }
949
+ },
950
+ "07": {
951
+ "type": "color",
952
+ "value": "#3566acff",
953
+ "blendMode": "normal",
954
+ "extensions": {
955
+ "org.lukasoppermann.figmaDesignTokens": {
956
+ "collection": "color",
957
+ "scopes": [
958
+ "ALL_SCOPES"
959
+ ],
960
+ "variableId": "VariableID:101:99",
961
+ "exportKey": "variables"
962
+ }
963
+ }
964
+ },
965
+ "06": {
966
+ "type": "color",
967
+ "value": "#078ed8ff",
968
+ "blendMode": "normal",
969
+ "extensions": {
970
+ "org.lukasoppermann.figmaDesignTokens": {
971
+ "collection": "color",
972
+ "scopes": [
973
+ "ALL_SCOPES"
974
+ ],
975
+ "variableId": "VariableID:101:100",
976
+ "exportKey": "variables"
977
+ }
978
+ }
979
+ },
980
+ "04-opacity": {
981
+ "type": "color",
982
+ "value": "#17a14c00",
983
+ "blendMode": "normal",
984
+ "extensions": {
985
+ "org.lukasoppermann.figmaDesignTokens": {
986
+ "collection": "color",
987
+ "scopes": [
988
+ "ALL_SCOPES"
989
+ ],
990
+ "variableId": "VariableID:101:101",
991
+ "exportKey": "variables"
992
+ }
993
+ }
994
+ },
995
+ "04": {
996
+ "type": "color",
997
+ "value": "#17a14cff",
998
+ "blendMode": "normal",
999
+ "extensions": {
1000
+ "org.lukasoppermann.figmaDesignTokens": {
1001
+ "collection": "color",
1002
+ "scopes": [
1003
+ "ALL_SCOPES"
1004
+ ],
1005
+ "variableId": "VariableID:101:102",
1006
+ "exportKey": "variables"
1007
+ }
1008
+ }
1009
+ },
1010
+ "03-opacity": {
1011
+ "type": "color",
1012
+ "value": "#6bbc1a00",
1013
+ "blendMode": "normal",
1014
+ "extensions": {
1015
+ "org.lukasoppermann.figmaDesignTokens": {
1016
+ "collection": "color",
1017
+ "scopes": [
1018
+ "ALL_SCOPES"
1019
+ ],
1020
+ "variableId": "VariableID:101:103",
1021
+ "exportKey": "variables"
1022
+ }
1023
+ }
1024
+ },
1025
+ "09": {
1026
+ "type": "color",
1027
+ "value": "#95633aff",
1028
+ "blendMode": "normal",
1029
+ "extensions": {
1030
+ "org.lukasoppermann.figmaDesignTokens": {
1031
+ "collection": "color",
1032
+ "scopes": [
1033
+ "ALL_SCOPES"
1034
+ ],
1035
+ "variableId": "VariableID:101:104",
1036
+ "exportKey": "variables"
1037
+ }
1038
+ }
1039
+ },
1040
+ "03": {
1041
+ "type": "color",
1042
+ "value": "#6bbc1aff",
1043
+ "blendMode": "normal",
1044
+ "extensions": {
1045
+ "org.lukasoppermann.figmaDesignTokens": {
1046
+ "collection": "color",
1047
+ "scopes": [
1048
+ "ALL_SCOPES"
1049
+ ],
1050
+ "variableId": "VariableID:101:105",
1051
+ "exportKey": "variables"
1052
+ }
1053
+ }
1054
+ },
1055
+ "02-opacity": {
1056
+ "type": "color",
1057
+ "value": "#ea981500",
1058
+ "blendMode": "normal",
1059
+ "extensions": {
1060
+ "org.lukasoppermann.figmaDesignTokens": {
1061
+ "collection": "color",
1062
+ "scopes": [
1063
+ "ALL_SCOPES"
1064
+ ],
1065
+ "variableId": "VariableID:101:107",
1066
+ "exportKey": "variables"
1067
+ }
1068
+ }
1069
+ },
1070
+ "05": {
1071
+ "type": "color",
1072
+ "value": "#06b9baff",
1073
+ "blendMode": "normal",
1074
+ "extensions": {
1075
+ "org.lukasoppermann.figmaDesignTokens": {
1076
+ "collection": "color",
1077
+ "scopes": [
1078
+ "ALL_SCOPES"
1079
+ ],
1080
+ "variableId": "VariableID:101:108",
1081
+ "exportKey": "variables"
1082
+ }
1083
+ }
1084
+ },
1085
+ "02": {
1086
+ "type": "color",
1087
+ "value": "#ea9815ff",
1088
+ "blendMode": "normal",
1089
+ "extensions": {
1090
+ "org.lukasoppermann.figmaDesignTokens": {
1091
+ "collection": "color",
1092
+ "scopes": [
1093
+ "ALL_SCOPES"
1094
+ ],
1095
+ "variableId": "VariableID:101:109",
1096
+ "exportKey": "variables"
1097
+ }
1098
+ }
1099
+ },
1100
+ "01-opacity": {
1101
+ "type": "color",
1102
+ "value": "#e2656500",
1103
+ "blendMode": "normal",
1104
+ "extensions": {
1105
+ "org.lukasoppermann.figmaDesignTokens": {
1106
+ "collection": "color",
1107
+ "scopes": [
1108
+ "ALL_SCOPES"
1109
+ ],
1110
+ "variableId": "VariableID:101:110",
1111
+ "exportKey": "variables"
1112
+ }
1113
+ }
1114
+ },
1115
+ "08": {
1116
+ "type": "color",
1117
+ "value": "#ac5da4ff",
1118
+ "blendMode": "normal",
1119
+ "extensions": {
1120
+ "org.lukasoppermann.figmaDesignTokens": {
1121
+ "collection": "color",
1122
+ "scopes": [
1123
+ "ALL_SCOPES"
1124
+ ],
1125
+ "variableId": "VariableID:101:111",
1126
+ "exportKey": "variables"
1127
+ }
1128
+ }
1129
+ },
1130
+ "01": {
1131
+ "type": "color",
1132
+ "value": "#e26565ff",
1133
+ "blendMode": "normal",
1134
+ "extensions": {
1135
+ "org.lukasoppermann.figmaDesignTokens": {
1136
+ "collection": "color",
1137
+ "scopes": [
1138
+ "ALL_SCOPES"
1139
+ ],
1140
+ "variableId": "VariableID:101:112",
1141
+ "exportKey": "variables"
1142
+ }
1143
+ }
1144
+ }
1145
+ }
1146
+ },
1147
+ "usage": {
1148
+ "status": {
1149
+ "optional": {
1150
+ "description": "",
1151
+ "type": "color",
1152
+ "value": "{color.primitive.neutral.700}",
1153
+ "extensions": {
1154
+ "org.lukasoppermann.figmaDesignTokens": {
1155
+ "collection": "color",
1156
+ "scopes": [
1157
+ "ALL_SCOPES"
1158
+ ],
1159
+ "variableId": "VariableID:1:216",
1160
+ "exportKey": "variables"
1161
+ }
1162
+ }
1163
+ },
1164
+ "ok": {
1165
+ "description": "",
1166
+ "type": "color",
1167
+ "value": "{color.primitive.success.300}",
1168
+ "extensions": {
1169
+ "org.lukasoppermann.figmaDesignTokens": {
1170
+ "collection": "color",
1171
+ "scopes": [
1172
+ "ALL_SCOPES"
1173
+ ],
1174
+ "variableId": "VariableID:1:218",
1175
+ "exportKey": "variables"
1176
+ }
1177
+ }
1178
+ },
1179
+ "required": {
1180
+ "description": "",
1181
+ "type": "color",
1182
+ "value": "{color.primitive.danger.400}",
1183
+ "extensions": {
1184
+ "org.lukasoppermann.figmaDesignTokens": {
1185
+ "collection": "color",
1186
+ "scopes": [
1187
+ "ALL_SCOPES"
1188
+ ],
1189
+ "variableId": "VariableID:1:223",
1190
+ "exportKey": "variables"
1191
+ }
1192
+ }
1193
+ }
1194
+ },
1195
+ "overlay": {
1196
+ "default-60": {
1197
+ "type": "color",
1198
+ "value": "#00000099",
1199
+ "blendMode": "normal",
1200
+ "extensions": {
1201
+ "org.lukasoppermann.figmaDesignTokens": {
1202
+ "collection": "color",
1203
+ "scopes": [
1204
+ "ALL_SCOPES"
1205
+ ],
1206
+ "variableId": "VariableID:1:225",
1207
+ "exportKey": "variables"
1208
+ }
1209
+ }
1210
+ },
1211
+ "default-20": {
1212
+ "type": "color",
1213
+ "value": "#00000033",
1214
+ "blendMode": "normal",
1215
+ "extensions": {
1216
+ "org.lukasoppermann.figmaDesignTokens": {
1217
+ "collection": "color",
1218
+ "scopes": [
1219
+ "ALL_SCOPES"
1220
+ ],
1221
+ "variableId": "VariableID:1:226",
1222
+ "exportKey": "variables"
1223
+ }
1224
+ }
1225
+ }
1226
+ },
1227
+ "form": {
1228
+ "error-text": {
1229
+ "description": "",
1230
+ "type": "color",
1231
+ "value": "{color.primitive.danger.500}",
1232
+ "extensions": {
1233
+ "org.lukasoppermann.figmaDesignTokens": {
1234
+ "collection": "color",
1235
+ "scopes": [
1236
+ "ALL_SCOPES"
1237
+ ],
1238
+ "variableId": "VariableID:1:259",
1239
+ "exportKey": "variables"
1240
+ }
1241
+ }
1242
+ },
1243
+ "focus-0": {
1244
+ "type": "color",
1245
+ "value": "#84e0f800",
1246
+ "blendMode": "normal",
1247
+ "extensions": {
1248
+ "org.lukasoppermann.figmaDesignTokens": {
1249
+ "collection": "color",
1250
+ "scopes": [
1251
+ "ALL_SCOPES"
1252
+ ],
1253
+ "variableId": "VariableID:1:260",
1254
+ "exportKey": "variables"
1255
+ }
1256
+ }
1257
+ },
1258
+ "focus-20": {
1259
+ "type": "color",
1260
+ "value": "#84e0f833",
1261
+ "blendMode": "normal",
1262
+ "extensions": {
1263
+ "org.lukasoppermann.figmaDesignTokens": {
1264
+ "collection": "color",
1265
+ "scopes": [
1266
+ "ALL_SCOPES"
1267
+ ],
1268
+ "variableId": "VariableID:1:261",
1269
+ "exportKey": "variables"
1270
+ }
1271
+ }
1272
+ },
1273
+ "focus-40": {
1274
+ "type": "color",
1275
+ "value": "#84e0f866",
1276
+ "blendMode": "normal",
1277
+ "extensions": {
1278
+ "org.lukasoppermann.figmaDesignTokens": {
1279
+ "collection": "color",
1280
+ "scopes": [
1281
+ "ALL_SCOPES"
1282
+ ],
1283
+ "variableId": "VariableID:1:262",
1284
+ "exportKey": "variables"
1285
+ }
1286
+ }
1287
+ },
1288
+ "error-border": {
1289
+ "description": "",
1290
+ "type": "color",
1291
+ "value": "{color.primitive.danger.300}",
1292
+ "extensions": {
1293
+ "org.lukasoppermann.figmaDesignTokens": {
1294
+ "collection": "color",
1295
+ "scopes": [
1296
+ "ALL_SCOPES"
1297
+ ],
1298
+ "variableId": "VariableID:1:263",
1299
+ "exportKey": "variables"
1300
+ }
1301
+ }
1302
+ },
1303
+ "default-bg": {
1304
+ "description": "",
1305
+ "type": "color",
1306
+ "value": "{color.primitive.neutral.100}",
1307
+ "extensions": {
1308
+ "org.lukasoppermann.figmaDesignTokens": {
1309
+ "collection": "color",
1310
+ "scopes": [
1311
+ "ALL_SCOPES"
1312
+ ],
1313
+ "variableId": "VariableID:1:264",
1314
+ "exportKey": "variables"
1315
+ }
1316
+ }
1317
+ },
1318
+ "border": {
1319
+ "description": "",
1320
+ "type": "color",
1321
+ "value": "{color.primitive.neutral.500}",
1322
+ "extensions": {
1323
+ "org.lukasoppermann.figmaDesignTokens": {
1324
+ "collection": "color",
1325
+ "scopes": [
1326
+ "ALL_SCOPES"
1327
+ ],
1328
+ "variableId": "VariableID:1:265",
1329
+ "exportKey": "variables"
1330
+ }
1331
+ }
1332
+ },
1333
+ "icon-sub": {
1334
+ "description": "",
1335
+ "type": "color",
1336
+ "value": "{color.primitive.neutral.500}",
1337
+ "extensions": {
1338
+ "org.lukasoppermann.figmaDesignTokens": {
1339
+ "collection": "color",
1340
+ "scopes": [
1341
+ "ALL_SCOPES"
1342
+ ],
1343
+ "variableId": "VariableID:1:266",
1344
+ "exportKey": "variables"
1345
+ }
1346
+ }
1347
+ },
1348
+ "disabled-bg": {
1349
+ "type": "color",
1350
+ "value": "{color.primitive.neutral.300}",
1351
+ "extensions": {
1352
+ "org.lukasoppermann.figmaDesignTokens": {
1353
+ "collection": "color",
1354
+ "scopes": [
1355
+ "ALL_SCOPES"
1356
+ ],
1357
+ "variableId": "VariableID:1:267",
1358
+ "exportKey": "variables"
1359
+ }
1360
+ }
1361
+ },
1362
+ "border-sub": {
1363
+ "description": "",
1364
+ "type": "color",
1365
+ "value": "{color.primitive.neutral.400}",
1366
+ "extensions": {
1367
+ "org.lukasoppermann.figmaDesignTokens": {
1368
+ "collection": "color",
1369
+ "scopes": [
1370
+ "ALL_SCOPES"
1371
+ ],
1372
+ "variableId": "VariableID:1:268",
1373
+ "exportKey": "variables"
1374
+ }
1375
+ }
1376
+ },
1377
+ "error-bg": {
1378
+ "description": "",
1379
+ "type": "color",
1380
+ "value": "{color.primitive.danger.100}",
1381
+ "extensions": {
1382
+ "org.lukasoppermann.figmaDesignTokens": {
1383
+ "collection": "color",
1384
+ "scopes": [
1385
+ "ALL_SCOPES"
1386
+ ],
1387
+ "variableId": "VariableID:1:269",
1388
+ "exportKey": "variables"
1389
+ }
1390
+ }
1391
+ },
1392
+ "icon-main": {
1393
+ "description": "",
1394
+ "type": "color",
1395
+ "value": "{color.primitive.neutral.700}",
1396
+ "extensions": {
1397
+ "org.lukasoppermann.figmaDesignTokens": {
1398
+ "collection": "color",
1399
+ "scopes": [
1400
+ "ALL_SCOPES"
1401
+ ],
1402
+ "variableId": "VariableID:1:270",
1403
+ "exportKey": "variables"
1404
+ }
1405
+ }
1406
+ },
1407
+ "focus-border": {
1408
+ "description": "",
1409
+ "type": "color",
1410
+ "value": "{color.primitive.primary.400}",
1411
+ "extensions": {
1412
+ "org.lukasoppermann.figmaDesignTokens": {
1413
+ "collection": "color",
1414
+ "scopes": [
1415
+ "ALL_SCOPES"
1416
+ ],
1417
+ "variableId": "VariableID:1:271",
1418
+ "exportKey": "variables"
1419
+ }
1420
+ }
1421
+ },
1422
+ "placeholder": {
1423
+ "description": "",
1424
+ "type": "color",
1425
+ "value": "{color.primitive.neutral.500}",
1426
+ "extensions": {
1427
+ "org.lukasoppermann.figmaDesignTokens": {
1428
+ "collection": "color",
1429
+ "scopes": [
1430
+ "ALL_SCOPES"
1431
+ ],
1432
+ "variableId": "VariableID:1:272",
1433
+ "exportKey": "variables"
1434
+ }
1435
+ }
1436
+ }
1437
+ },
1438
+ "opacity": {
1439
+ "textlink-hover": {
1440
+ "type": "dimension",
1441
+ "value": 40,
1442
+ "extensions": {
1443
+ "org.lukasoppermann.figmaDesignTokens": {
1444
+ "collection": "color",
1445
+ "scopes": [
1446
+ "ALL_SCOPES"
1447
+ ],
1448
+ "variableId": "VariableID:47:63",
1449
+ "exportKey": "variables"
1450
+ }
1451
+ }
1452
+ },
1453
+ "disabled": {
1454
+ "type": "dimension",
1455
+ "value": 30,
1456
+ "extensions": {
1457
+ "org.lukasoppermann.figmaDesignTokens": {
1458
+ "collection": "color",
1459
+ "scopes": [
1460
+ "ALL_SCOPES"
1461
+ ],
1462
+ "variableId": "VariableID:103:51",
1463
+ "exportKey": "variables"
1464
+ }
1465
+ }
1466
+ }
1467
+ }
1468
+ },
1469
+ "white": {
1470
+ "type": "color",
1471
+ "value": "#ffffffff",
1472
+ "blendMode": "normal",
1473
+ "extensions": {
1474
+ "org.lukasoppermann.figmaDesignTokens": {
1475
+ "collection": "color",
1476
+ "scopes": [
1477
+ "ALL_SCOPES"
1478
+ ],
1479
+ "variableId": "VariableID:17:20",
1480
+ "exportKey": "variables"
1481
+ }
1482
+ }
1483
+ },
1484
+ "neutral-850": {
1485
+ "type": "color",
1486
+ "value": "#373f43ff",
1487
+ "blendMode": "normal",
1488
+ "extensions": {
1489
+ "org.lukasoppermann.figmaDesignTokens": {
1490
+ "collection": "color",
1491
+ "scopes": [
1492
+ "ALL_SCOPES"
1493
+ ],
1494
+ "variableId": "VariableID:20:171",
1495
+ "exportKey": "variables"
1496
+ }
1497
+ }
1498
+ },
1499
+ "body-text": {
1500
+ "description": "",
1501
+ "type": "color",
1502
+ "value": "{color.primitive.neutral.900}",
1503
+ "extensions": {
1504
+ "org.lukasoppermann.figmaDesignTokens": {
1505
+ "collection": "color",
1506
+ "scopes": [
1507
+ "ALL_SCOPES"
1508
+ ],
1509
+ "variableId": "VariableID:20:172",
1510
+ "exportKey": "variables"
1511
+ }
1512
+ }
1513
+ },
1514
+ "theme": {
1515
+ "description": "",
1516
+ "type": "color",
1517
+ "value": "{color.primitive.primary.800}",
1518
+ "extensions": {
1519
+ "org.lukasoppermann.figmaDesignTokens": {
1520
+ "collection": "color",
1521
+ "scopes": [
1522
+ "ALL_SCOPES"
1523
+ ],
1524
+ "variableId": "VariableID:20:173",
1525
+ "exportKey": "variables"
1526
+ }
1527
+ }
1528
+ },
1529
+ "text-link": {
1530
+ "type": "color",
1531
+ "value": "#0074adff",
1532
+ "blendMode": "normal",
1533
+ "extensions": {
1534
+ "org.lukasoppermann.figmaDesignTokens": {
1535
+ "collection": "color",
1536
+ "scopes": [
1537
+ "ALL_SCOPES"
1538
+ ],
1539
+ "variableId": "VariableID:20:174",
1540
+ "exportKey": "variables"
1541
+ }
1542
+ }
1543
+ }
1544
+ },
1545
+ "typography": {
1546
+ "font-weight": {
1547
+ "bold": {
1548
+ "type": "string",
1549
+ "value": "Bold",
1550
+ "extensions": {
1551
+ "org.lukasoppermann.figmaDesignTokens": {
1552
+ "collection": "typography",
1553
+ "scopes": [
1554
+ "ALL_SCOPES"
1555
+ ],
1556
+ "variableId": "VariableID:10:22",
1557
+ "exportKey": "variables"
1558
+ }
1559
+ }
1560
+ },
1561
+ "regular": {
1562
+ "type": "string",
1563
+ "value": "Regular",
1564
+ "extensions": {
1565
+ "org.lukasoppermann.figmaDesignTokens": {
1566
+ "collection": "typography",
1567
+ "scopes": [
1568
+ "ALL_SCOPES"
1569
+ ],
1570
+ "variableId": "VariableID:10:23",
1571
+ "exportKey": "variables"
1572
+ }
1573
+ }
1574
+ },
1575
+ "extrabold": {
1576
+ "type": "string",
1577
+ "value": "ExtraBold",
1578
+ "extensions": {
1579
+ "org.lukasoppermann.figmaDesignTokens": {
1580
+ "collection": "typography",
1581
+ "scopes": [
1582
+ "ALL_SCOPES"
1583
+ ],
1584
+ "variableId": "VariableID:61:18",
1585
+ "exportKey": "variables"
1586
+ }
1587
+ }
1588
+ }
1589
+ },
1590
+ "font-family": {
1591
+ "number": {
1592
+ "description": "googlefonts",
1593
+ "type": "string",
1594
+ "value": "Roboto",
1595
+ "extensions": {
1596
+ "org.lukasoppermann.figmaDesignTokens": {
1597
+ "collection": "typography",
1598
+ "scopes": [
1599
+ "ALL_SCOPES"
1600
+ ],
1601
+ "variableId": "VariableID:10:24",
1602
+ "exportKey": "variables"
1603
+ }
1604
+ }
1605
+ },
1606
+ "default": {
1607
+ "type": "string",
1608
+ "value": "Noto Sans JP",
1609
+ "extensions": {
1610
+ "org.lukasoppermann.figmaDesignTokens": {
1611
+ "collection": "typography",
1612
+ "scopes": [
1613
+ "ALL_SCOPES"
1614
+ ],
1615
+ "variableId": "VariableID:10:25",
1616
+ "exportKey": "variables"
1617
+ }
1618
+ }
1619
+ },
1620
+ "price": {
1621
+ "description": "googlefonts",
1622
+ "type": "string",
1623
+ "value": "Sofia Sans Condensed",
1624
+ "extensions": {
1625
+ "org.lukasoppermann.figmaDesignTokens": {
1626
+ "collection": "typography",
1627
+ "scopes": [
1628
+ "ALL_SCOPES"
1629
+ ],
1630
+ "variableId": "VariableID:58:17",
1631
+ "exportKey": "variables"
1632
+ }
1633
+ }
1634
+ },
1635
+ "information": {
1636
+ "description": "googlefonts",
1637
+ "type": "string",
1638
+ "value": "A P-OTF UD Shin Go Pr6N",
1639
+ "extensions": {
1640
+ "org.lukasoppermann.figmaDesignTokens": {
1641
+ "collection": "typography",
1642
+ "scopes": [
1643
+ "ALL_SCOPES"
1644
+ ],
1645
+ "variableId": "VariableID:218:1158",
1646
+ "exportKey": "variables"
1647
+ }
1648
+ }
1649
+ }
1650
+ }
1651
+ }
1652
+ }