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