@progressiveui/themes-core 0.4.1 → 0.5.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/CHANGELOG.md +11 -0
  2. package/dist/scss/default-css-theme.scss +1 -1
  3. package/dist/scss/tokensMapDeep.scss +1 -1
  4. package/dist/scss/tokensMapFlat.scss +1 -1
  5. package/package.json +2 -2
  6. package/tokensDark/design-tokens.tokens.json +286 -1692
package/tokensDark/design-tokens.tokens.json CHANGED
@@ -2,1891 +2,662 @@
2
2
  "color": {
3
3
  "corporate": {
4
4
  "10": {
5
- "description": "",
6
- "type": "color",
7
- "value": "#f47847ff",
8
- "blendMode": "normal",
9
- "extensions": {
10
- "org.lukasoppermann.figmaDesignTokens": {
11
- "styleId": "S:41d9d88b5f4198fdfeea8f162ffc650a5ed4df20,",
12
- "exportKey": "color"
13
- }
14
- }
5
+ "type": "color",
6
+ "value": "#f47847ff"
15
7
  },
16
8
  "11": {
17
- "description": "",
18
- "type": "color",
19
- "value": "#b79f8dff",
20
- "blendMode": "normal",
21
- "extensions": {
22
- "org.lukasoppermann.figmaDesignTokens": {
23
- "styleId": "S:ec7b07510eab49153f67193965b5116092aae1b2,",
24
- "exportKey": "color"
25
- }
26
- }
9
+ "type": "color",
10
+ "value": "#b79f8dff"
27
11
  },
28
12
  "12": {
29
- "description": "",
30
- "type": "color",
31
- "value": "#ecdfbbff",
32
- "blendMode": "normal",
33
- "extensions": {
34
- "org.lukasoppermann.figmaDesignTokens": {
35
- "styleId": "S:4665a2b5ef624530e1c8c53bbaed93798f2fb609,",
36
- "exportKey": "color"
37
- }
38
- }
13
+ "type": "color",
14
+ "value": "#ecdfbbff"
39
15
  },
40
16
  "01": {
41
- "description": "",
42
- "type": "color",
43
- "value": "#007dbcff",
44
- "blendMode": "normal",
45
- "extensions": {
46
- "org.lukasoppermann.figmaDesignTokens": {
47
- "styleId": "S:5e8b3a7a8c392e81c44581b8a9f18a5054a3a44e,",
48
- "exportKey": "color"
49
- }
50
- }
17
+ "type": "color",
18
+ "value": "#007dbcff"
51
19
  },
52
20
  "02": {
53
- "description": "",
54
- "type": "color",
55
- "value": "#000000ff",
56
- "blendMode": "normal",
57
- "extensions": {
58
- "org.lukasoppermann.figmaDesignTokens": {
59
- "styleId": "S:3f34c5ae2665dc188ffb8c2a29f0de77cf5eb2e3,",
60
- "exportKey": "color"
61
- }
62
- }
21
+ "type": "color",
22
+ "value": "#000000ff"
63
23
  },
64
24
  "03": {
65
- "description": "",
66
- "type": "color",
67
- "value": "#ffffffff",
68
- "blendMode": "normal",
69
- "extensions": {
70
- "org.lukasoppermann.figmaDesignTokens": {
71
- "styleId": "S:6787a70433a8b44d8be281a269b007d65fcef256,",
72
- "exportKey": "color"
73
- }
74
- }
25
+ "type": "color",
26
+ "value": "#ffffffff"
75
27
  },
76
28
  "04": {
77
- "description": "",
78
- "type": "color",
79
- "value": "#36b5c5ff",
80
- "blendMode": "normal",
81
- "extensions": {
82
- "org.lukasoppermann.figmaDesignTokens": {
83
- "styleId": "S:2bf5b092f41d59e2cc05be8addc8238277e37f50,",
84
- "exportKey": "color"
85
- }
86
- }
29
+ "type": "color",
30
+ "value": "#36b5c5ff"
87
31
  },
88
32
  "05": {
89
- "description": "",
90
- "type": "color",
91
- "value": "#00b485ff",
92
- "blendMode": "normal",
93
- "extensions": {
94
- "org.lukasoppermann.figmaDesignTokens": {
95
- "styleId": "S:4e976b915139cc1878e512008042c5f3925cbbe8,",
96
- "exportKey": "color"
97
- }
98
- }
33
+ "type": "color",
34
+ "value": "#00b485ff"
99
35
  },
100
36
  "06": {
101
- "description": "",
102
- "type": "color",
103
- "value": "#008868ff",
104
- "blendMode": "normal",
105
- "extensions": {
106
- "org.lukasoppermann.figmaDesignTokens": {
107
- "styleId": "S:68449fbee090a9371be85f0b0ba6534254acf81f,",
108
- "exportKey": "color"
109
- }
110
- }
37
+ "type": "color",
38
+ "value": "#008868ff"
111
39
  },
112
40
  "07": {
113
- "description": "",
114
- "type": "color",
115
- "value": "#1a4262ff",
116
- "blendMode": "normal",
117
- "extensions": {
118
- "org.lukasoppermann.figmaDesignTokens": {
119
- "styleId": "S:f3835649dc326c76f2bdfd4ca0aa33df7a52008e,",
120
- "exportKey": "color"
121
- }
122
- }
41
+ "type": "color",
42
+ "value": "#1a4262ff"
123
43
  },
124
44
  "08": {
125
- "description": "",
126
- "type": "color",
127
- "value": "#982b56ff",
128
- "blendMode": "normal",
129
- "extensions": {
130
- "org.lukasoppermann.figmaDesignTokens": {
131
- "styleId": "S:13622da8cda0aa924cc9d353ae99a4be0de81fd1,",
132
- "exportKey": "color"
133
- }
134
- }
45
+ "type": "color",
46
+ "value": "#982b56ff"
135
47
  },
136
48
  "09": {
137
- "description": "",
138
- "type": "color",
139
- "value": "#ef404cff",
140
- "blendMode": "normal",
141
- "extensions": {
142
- "org.lukasoppermann.figmaDesignTokens": {
143
- "styleId": "S:573db8a742073554ecf1280332876743636ae8fb,",
144
- "exportKey": "color"
145
- }
146
- }
49
+ "type": "color",
50
+ "value": "#ef404cff"
147
51
  }
148
52
  },
149
53
  "primary": {
150
54
  "brand": {
151
55
  "description": "This is a description",
152
56
  "type": "color",
153
- "value": "#007dbcff",
154
- "blendMode": "normal",
155
- "extensions": {
156
- "org.lukasoppermann.figmaDesignTokens": {
157
- "styleId": "S:36bf8b4d74fed015c4544f17c21f551ce9f7a4ce,",
158
- "exportKey": "color"
159
- }
160
- }
57
+ "value": "#007dbcff"
161
58
  },
162
59
  "brand dark": {
163
- "description": "",
164
- "type": "color",
165
- "value": "#1a4262ff",
166
- "blendMode": "normal",
167
- "extensions": {
168
- "org.lukasoppermann.figmaDesignTokens": {
169
- "styleId": "S:d6b523f3bb726fbcfbec7f24a103cb9ccafdbfe6,",
170
- "exportKey": "color"
171
- }
172
- }
60
+ "type": "color",
61
+ "value": "#1a4262ff"
173
62
  },
174
63
  "interactive": {
175
- "description": "",
176
- "type": "color",
177
- "value": "#0b77c2ff",
178
- "blendMode": "normal",
179
- "extensions": {
180
- "org.lukasoppermann.figmaDesignTokens": {
181
- "styleId": "S:511c0681fe208871e9f98418d4b4bc48f90c9848,",
182
- "exportKey": "color"
183
- }
184
- }
64
+ "type": "color",
65
+ "value": "#0b77c2ff"
185
66
  },
186
67
  "overlay": {
187
- "description": "",
188
- "type": "color",
189
- "value": "#0b1923cc",
190
- "blendMode": "normal",
191
- "extensions": {
192
- "org.lukasoppermann.figmaDesignTokens": {
193
- "styleId": "S:b4ec2280e542cf40f0b16ce5b2424acc501571f8,",
194
- "exportKey": "color"
195
- }
196
- }
68
+ "type": "color",
69
+ "value": "#0b1923cc"
197
70
  },
198
71
  "focus": {
199
- "description": "",
200
- "type": "color",
201
- "value": "#0b77c2ff",
202
- "blendMode": "normal",
203
- "extensions": {
204
- "org.lukasoppermann.figmaDesignTokens": {
205
- "styleId": "S:e863d580d238d02e526234f06378a7f791f0f720,",
206
- "exportKey": "color"
207
- }
208
- }
72
+ "type": "color",
73
+ "value": "#0b77c2ff"
209
74
  },
210
75
  "focus inverse": {
211
- "description": "",
212
- "type": "color",
213
- "value": "#0b77c2ff",
214
- "blendMode": "normal",
215
- "extensions": {
216
- "org.lukasoppermann.figmaDesignTokens": {
217
- "styleId": "S:7eaef9fb9cd7195998c9784dab9dee3cc75b3d5d,",
218
- "exportKey": "color"
219
- }
220
- }
76
+ "type": "color",
77
+ "value": "#0b77c2ff"
221
78
  },
222
79
  "focus inset": {
223
- "description": "",
224
- "type": "color",
225
- "value": "#ffffffff",
226
- "blendMode": "normal",
227
- "extensions": {
228
- "org.lukasoppermann.figmaDesignTokens": {
229
- "styleId": "S:3dd55a798c79ea0594be0065e8d549535fd08acc,",
230
- "exportKey": "color"
231
- }
232
- }
80
+ "type": "color",
81
+ "value": "#ffffffff"
233
82
  },
234
83
  "highlight": {
235
- "description": "",
236
- "type": "color",
237
- "value": "#bbe3ffff",
238
- "blendMode": "normal",
239
- "extensions": {
240
- "org.lukasoppermann.figmaDesignTokens": {
241
- "styleId": "S:7c304b79dd5246ab90a0d383f2059a020acadfb1,",
242
- "exportKey": "color"
243
- }
244
- }
84
+ "type": "color",
85
+ "value": "#bbe3ffff"
245
86
  },
246
87
  "lorem": {
247
- "description": "",
248
- "type": "color",
249
- "value": "#ecdfbbff",
250
- "blendMode": "normal",
251
- "extensions": {
252
- "org.lukasoppermann.figmaDesignTokens": {
253
- "styleId": "S:6bd6a05901271853aeac3287a6d3c0b1f9c471ac,",
254
- "exportKey": "color"
255
- }
256
- }
88
+ "type": "color",
89
+ "value": "#ecdfbbff"
257
90
  }
258
91
  },
259
92
  "background": {
260
93
  "main": {
261
- "description": "",
262
- "type": "color",
263
- "value": "#ffffffff",
264
- "blendMode": "normal",
265
- "extensions": {
266
- "org.lukasoppermann.figmaDesignTokens": {
267
- "styleId": "S:2e8f8c9c873b4892f29de1f0528155926ff7d61a,",
268
- "exportKey": "color"
269
- }
270
- }
94
+ "type": "color",
95
+ "value": "#ffffffff"
271
96
  },
272
97
  "_hover": {
273
- "description": "",
274
- "type": "color",
275
- "value": "#ffffffff",
276
- "blendMode": "normal",
277
- "extensions": {
278
- "org.lukasoppermann.figmaDesignTokens": {
279
- "styleId": "S:c766dc23a584192c7a2f85932a0a6f22a5b93356,",
280
- "exportKey": "color"
281
- }
282
- }
98
+ "type": "color",
99
+ "value": "#ffffffff"
283
100
  },
284
101
  "_active": {
285
- "description": "",
286
- "type": "color",
287
- "value": "#ffffffff",
288
- "blendMode": "normal",
289
- "extensions": {
290
- "org.lukasoppermann.figmaDesignTokens": {
291
- "styleId": "S:87cd09608ddf4849cc7e44547f6cec17874c9ae0,",
292
- "exportKey": "color"
293
- }
294
- }
102
+ "type": "color",
103
+ "value": "#ffffffff"
295
104
  },
296
105
  "inverse": {
297
- "description": "",
298
- "type": "color",
299
- "value": "#333945ff",
300
- "blendMode": "normal",
301
- "extensions": {
302
- "org.lukasoppermann.figmaDesignTokens": {
303
- "styleId": "S:8f6e2d47fe7613088729befd9e294f9147b25faf,",
304
- "exportKey": "color"
305
- }
306
- }
106
+ "type": "color",
107
+ "value": "#333945ff"
307
108
  },
308
109
  "_inverse hover": {
309
- "description": "",
310
- "type": "color",
311
- "value": "#323c44ff",
312
- "blendMode": "normal",
313
- "extensions": {
314
- "org.lukasoppermann.figmaDesignTokens": {
315
- "styleId": "S:a0365c17ab78b61a0b8a8884b751b0cb9beb40d8,",
316
- "exportKey": "color"
317
- }
318
- }
110
+ "type": "color",
111
+ "value": "#323c44ff"
319
112
  },
320
113
  "_selected": {
321
- "description": "",
322
- "type": "color",
323
- "value": "#ffffffff",
324
- "blendMode": "normal",
325
- "extensions": {
326
- "org.lukasoppermann.figmaDesignTokens": {
327
- "styleId": "S:d292b2462405ea507f8198245a1c6a153d96085e,",
328
- "exportKey": "color"
329
- }
330
- }
114
+ "type": "color",
115
+ "value": "#ffffffff"
331
116
  },
332
117
  "_selected hover": {
333
- "description": "",
334
- "type": "color",
335
- "value": "#ffffffff",
336
- "blendMode": "normal",
337
- "extensions": {
338
- "org.lukasoppermann.figmaDesignTokens": {
339
- "styleId": "S:72b943ddd20d5287d9a97a5d5696d7e8dea4fec7,",
340
- "exportKey": "color"
341
- }
342
- }
118
+ "type": "color",
119
+ "value": "#ffffffff"
343
120
  },
344
121
  "brand": {
345
- "description": "",
346
- "type": "color",
347
- "value": "#0b77c2ff",
348
- "blendMode": "normal",
349
- "extensions": {
350
- "org.lukasoppermann.figmaDesignTokens": {
351
- "styleId": "S:180394ca5e9b57f2168c7ee7745f9378bcbe35a1,",
352
- "exportKey": "color"
353
- }
354
- }
122
+ "type": "color",
123
+ "value": "#0b77c2ff"
355
124
  },
356
125
  "inverse max": {
357
- "description": "",
358
- "type": "color",
359
- "value": "#232831ff",
360
- "blendMode": "normal",
361
- "extensions": {
362
- "org.lukasoppermann.figmaDesignTokens": {
363
- "styleId": "S:08b2b7230c2adc3db70c919cdca6581b8acf263d,",
364
- "exportKey": "color"
365
- }
366
- }
126
+ "type": "color",
127
+ "value": "#232831ff"
367
128
  }
368
129
  },
369
130
  "layer": {
370
131
  "primary": {
371
- "description": "",
372
- "type": "color",
373
- "value": "#ebf1f4ff",
374
- "blendMode": "normal",
375
- "extensions": {
376
- "org.lukasoppermann.figmaDesignTokens": {
377
- "styleId": "S:d436866b88bc91bb6782f28f318edbd0ef7dc078,",
378
- "exportKey": "color"
379
- }
380
- }
132
+ "type": "color",
133
+ "value": "#ebf1f4ff"
381
134
  },
382
135
  "_active": {
383
- "description": "",
384
- "type": "color",
385
- "value": "#dfe3e6ff",
386
- "blendMode": "normal",
387
- "extensions": {
388
- "org.lukasoppermann.figmaDesignTokens": {
389
- "styleId": "S:059794734ef6330bb41f4ca41fe2bdee08fa8b61,",
390
- "exportKey": "color"
391
- }
392
- }
136
+ "type": "color",
137
+ "value": "#dfe3e6ff"
393
138
  },
394
139
  "_hover": {
395
- "description": "",
396
- "type": "color",
397
- "value": "#0b77c2ff",
398
- "blendMode": "normal",
399
- "extensions": {
400
- "org.lukasoppermann.figmaDesignTokens": {
401
- "styleId": "S:ecb13f7cb8188f3cf01cb2335dee984212514280,",
402
- "exportKey": "color"
403
- }
404
- }
140
+ "type": "color",
141
+ "value": "#0b77c2ff"
405
142
  },
406
143
  "_selected": {
407
- "description": "",
408
- "type": "color",
409
- "value": "#0b77c2ff",
410
- "blendMode": "normal",
411
- "extensions": {
412
- "org.lukasoppermann.figmaDesignTokens": {
413
- "styleId": "S:2f49a53c513f3bdd216a801ac660c4e38cd9273e,",
414
- "exportKey": "color"
415
- }
416
- }
144
+ "type": "color",
145
+ "value": "#0b77c2ff"
417
146
  },
418
147
  "_selected hover": {
419
- "description": "",
420
- "type": "color",
421
- "value": "#0b77c2ff",
422
- "blendMode": "normal",
423
- "extensions": {
424
- "org.lukasoppermann.figmaDesignTokens": {
425
- "styleId": "S:96e08a794b04ff67966d6726bd452eeb6801638c,",
426
- "exportKey": "color"
427
- }
428
- }
148
+ "type": "color",
149
+ "value": "#0b77c2ff"
429
150
  },
430
151
  "_selected inverse": {
431
- "description": "",
432
- "type": "color",
433
- "value": "#0b77c2ff",
434
- "blendMode": "normal",
435
- "extensions": {
436
- "org.lukasoppermann.figmaDesignTokens": {
437
- "styleId": "S:d83c89293854e27c7293b1e0b8261104b3a0f343,",
438
- "exportKey": "color"
439
- }
440
- }
152
+ "type": "color",
153
+ "value": "#0b77c2ff"
441
154
  },
442
155
  "_selected disabled": {
443
- "description": "",
444
- "type": "color",
445
- "value": "#0b77c2ff",
446
- "blendMode": "normal",
447
- "extensions": {
448
- "org.lukasoppermann.figmaDesignTokens": {
449
- "styleId": "S:199d90183e5d029a5c9abefe80a65fc66eece85d,",
450
- "exportKey": "color"
451
- }
452
- }
156
+ "type": "color",
157
+ "value": "#0b77c2ff"
453
158
  },
454
159
  "_accent": {
455
- "description": "",
456
- "type": "color",
457
- "value": "#d7dfe8ff",
458
- "blendMode": "normal",
459
- "extensions": {
460
- "org.lukasoppermann.figmaDesignTokens": {
461
- "styleId": "S:49ca9091025f164dbf7ed563f7b2addb812e05e6,",
462
- "exportKey": "color"
463
- }
464
- }
160
+ "type": "color",
161
+ "value": "#d7dfe8ff"
465
162
  },
466
163
  "accent active": {
467
- "description": "",
468
- "type": "color",
469
- "value": "#7e8b93ff",
470
- "blendMode": "normal",
471
- "extensions": {
472
- "org.lukasoppermann.figmaDesignTokens": {
473
- "styleId": "S:a66383b51d780d387d97e8221d3eb5a38200f384,",
474
- "exportKey": "color"
475
- }
476
- }
164
+ "type": "color",
165
+ "value": "#7e8b93ff"
477
166
  },
478
167
  "_accent hover": {
479
- "description": "",
480
- "type": "color",
481
- "value": "#586b77ff",
482
- "blendMode": "normal",
483
- "extensions": {
484
- "org.lukasoppermann.figmaDesignTokens": {
485
- "styleId": "S:fc0d2e26b8931aee3b3b0f3a56ca668128467f33,",
486
- "exportKey": "color"
487
- }
488
- }
168
+ "type": "color",
169
+ "value": "#586b77ff"
489
170
  },
490
171
  "_disabled": {
491
- "description": "",
492
- "type": "color",
493
- "value": "#586b77ff",
494
- "blendMode": "normal",
495
- "extensions": {
496
- "org.lukasoppermann.figmaDesignTokens": {
497
- "styleId": "S:fd3d6997207d2ca9f409925108aa4a4684500d15,",
498
- "exportKey": "color"
499
- }
500
- }
172
+ "type": "color",
173
+ "value": "#586b77ff"
501
174
  }
502
175
  },
503
176
  "text": {
504
177
  "primary": {
505
178
  "description": "Primary color for text",
506
179
  "type": "color",
507
- "value": "#031c2dff",
508
- "blendMode": "normal",
509
- "extensions": {
510
- "org.lukasoppermann.figmaDesignTokens": {
511
- "styleId": "S:b863f97e9ef564b124228860f09440da0419faf6,",
512
- "exportKey": "color"
513
- }
514
- }
180
+ "value": "#031c2dff"
515
181
  },
516
182
  "secondary": {
517
183
  "description": "Secondary color for text, e.g. subtitle",
518
184
  "type": "color",
519
- "value": "#5a6872ff",
520
- "blendMode": "normal",
521
- "extensions": {
522
- "org.lukasoppermann.figmaDesignTokens": {
523
- "styleId": "S:1482487912e840a49e3a16e7af02e1f06b47b6aa,",
524
- "exportKey": "color"
525
- }
526
- }
185
+ "value": "#5a6872ff"
527
186
  },
528
187
  "placeholder": {
529
- "description": "",
530
- "type": "color",
531
- "value": "#97a2a9ff",
532
- "blendMode": "normal",
533
- "extensions": {
534
- "org.lukasoppermann.figmaDesignTokens": {
535
- "styleId": "S:4c52d0daeeb8f8785d36f52d4d0649797703e36a,",
536
- "exportKey": "color"
537
- }
538
- }
188
+ "type": "color",
189
+ "value": "#97a2a9ff"
539
190
  },
540
191
  "helper": {
541
- "description": "",
542
- "type": "color",
543
- "value": "#5a6872ff",
544
- "blendMode": "normal",
545
- "extensions": {
546
- "org.lukasoppermann.figmaDesignTokens": {
547
- "styleId": "S:19538ceca1f110b4214221b87d3868a328f98a97,",
548
- "exportKey": "color"
549
- }
550
- }
192
+ "type": "color",
193
+ "value": "#5a6872ff"
551
194
  },
552
195
  "on color": {
553
- "description": "",
554
- "type": "color",
555
- "value": "#ffffffff",
556
- "blendMode": "normal",
557
- "extensions": {
558
- "org.lukasoppermann.figmaDesignTokens": {
559
- "styleId": "S:affaa6f859bae0fdf31fdc1bca56e98890ceea07,",
560
- "exportKey": "color"
561
- }
562
- }
196
+ "type": "color",
197
+ "value": "#ffffffff"
563
198
  },
564
199
  "_inverse": {
565
- "description": "",
566
- "type": "color",
567
- "value": "#f3f7faff",
568
- "blendMode": "normal",
569
- "extensions": {
570
- "org.lukasoppermann.figmaDesignTokens": {
571
- "styleId": "S:7475a33ffcabe65e92c9a1204ad30a570404407f,",
572
- "exportKey": "color"
573
- }
574
- }
200
+ "type": "color",
201
+ "value": "#f3f7faff"
575
202
  },
576
203
  "disabled": {
577
- "description": "",
578
- "type": "color",
579
- "value": "#8c9ba5ff",
580
- "blendMode": "normal",
581
- "extensions": {
582
- "org.lukasoppermann.figmaDesignTokens": {
583
- "styleId": "S:02a298227d7f25faa66daaa58414a8cf73d6a3cb,",
584
- "exportKey": "color"
585
- }
586
- }
204
+ "type": "color",
205
+ "value": "#8c9ba5ff"
587
206
  },
588
207
  "error": {
589
- "description": "",
590
- "type": "color",
591
- "value": "#c5192dff",
592
- "blendMode": "normal",
593
- "extensions": {
594
- "org.lukasoppermann.figmaDesignTokens": {
595
- "styleId": "S:21d687fed31ab4fb65d303656ac5918f89d253e1,",
596
- "exportKey": "color"
597
- }
598
- }
208
+ "type": "color",
209
+ "value": "#c5192dff"
599
210
  },
600
211
  "warning": {
601
- "description": "",
602
- "type": "color",
603
- "value": "#b98407ff",
604
- "blendMode": "normal",
605
- "extensions": {
606
- "org.lukasoppermann.figmaDesignTokens": {
607
- "styleId": "S:1cb83de1f01b2429692b1ebecfb90bfced288713,",
608
- "exportKey": "color"
609
- }
610
- }
212
+ "type": "color",
213
+ "value": "#b98407ff"
611
214
  },
612
215
  "success": {
613
- "description": "",
614
- "type": "color",
615
- "value": "#3f600fff",
616
- "blendMode": "normal",
617
- "extensions": {
618
- "org.lukasoppermann.figmaDesignTokens": {
619
- "styleId": "S:2e0199cf50547dd06043eba36df0e6696d12fdf4,",
620
- "exportKey": "color"
621
- }
622
- }
216
+ "type": "color",
217
+ "value": "#3f600fff"
623
218
  },
624
219
  "info": {
625
- "description": "",
626
- "type": "color",
627
- "value": "#085387ff",
628
- "blendMode": "normal",
629
- "extensions": {
630
- "org.lukasoppermann.figmaDesignTokens": {
631
- "styleId": "S:86ba199f79885b2666c98bc72fd02fb4170824dc,",
632
- "exportKey": "color"
633
- }
634
- }
220
+ "type": "color",
221
+ "value": "#085387ff"
635
222
  },
636
223
  "_on color disabled": {
637
- "description": "",
638
- "type": "color",
639
- "value": "#5a6872ff",
640
- "blendMode": "normal",
641
- "extensions": {
642
- "org.lukasoppermann.figmaDesignTokens": {
643
- "styleId": "S:dc5b3a3199a977e656f6f1a674391013cc2de66e,",
644
- "exportKey": "color"
645
- }
646
- }
224
+ "type": "color",
225
+ "value": "#5a6872ff"
647
226
  }
648
227
  },
649
228
  "button": {
650
229
  "primary": {
651
- "description": "",
652
- "type": "color",
653
- "value": "#0b77c2ff",
654
- "blendMode": "normal",
655
- "extensions": {
656
- "org.lukasoppermann.figmaDesignTokens": {
657
- "styleId": "S:4cc469d69a3b56c0bf353f59f2e4b57704f669ef,",
658
- "exportKey": "color"
659
- }
660
- }
230
+ "type": "color",
231
+ "value": "#0b77c2ff"
661
232
  },
662
233
  "primary hover": {
663
- "description": "",
664
- "type": "color",
665
- "value": "#085387ff",
666
- "blendMode": "normal",
667
- "extensions": {
668
- "org.lukasoppermann.figmaDesignTokens": {
669
- "styleId": "S:7b239f8ca67638099a2063e54e6c1a9e1abf02d3,",
670
- "exportKey": "color"
671
- }
672
- }
234
+ "type": "color",
235
+ "value": "#085387ff"
673
236
  },
674
237
  "primary active": {
675
- "description": "",
676
- "type": "color",
677
- "value": "#1a4262ff",
678
- "blendMode": "normal",
679
- "extensions": {
680
- "org.lukasoppermann.figmaDesignTokens": {
681
- "styleId": "S:745fdf4fe346f14f1804766d4c68a9222647b8f4,",
682
- "exportKey": "color"
683
- }
684
- }
238
+ "type": "color",
239
+ "value": "#1a4262ff"
685
240
  },
686
241
  "secondary": {
687
- "description": "",
688
- "type": "color",
689
- "value": "#0b77c2ff",
690
- "blendMode": "normal",
691
- "extensions": {
692
- "org.lukasoppermann.figmaDesignTokens": {
693
- "styleId": "S:b44521c8ae6ee6c7934e1e914c05c2ddcf3e1829,",
694
- "exportKey": "color"
695
- }
696
- }
242
+ "type": "color",
243
+ "value": "#0b77c2ff"
697
244
  },
698
245
  "secondary hover": {
699
- "description": "",
700
- "type": "color",
701
- "value": "#085387ff",
702
- "blendMode": "normal",
703
- "extensions": {
704
- "org.lukasoppermann.figmaDesignTokens": {
705
- "styleId": "S:be0c2a779dac987dc8860df92afdb71f0ffe675b,",
706
- "exportKey": "color"
707
- }
708
- }
246
+ "type": "color",
247
+ "value": "#085387ff"
709
248
  },
710
249
  "secondary active": {
711
- "description": "",
712
- "type": "color",
713
- "value": "#1a4262ff",
714
- "blendMode": "normal",
715
- "extensions": {
716
- "org.lukasoppermann.figmaDesignTokens": {
717
- "styleId": "S:48a7e68bbfb66d2ffcdacc5f1d05a6913b285c0b,",
718
- "exportKey": "color"
719
- }
720
- }
250
+ "type": "color",
251
+ "value": "#1a4262ff"
721
252
  },
722
253
  "tertiary": {
723
- "description": "",
724
- "type": "color",
725
- "value": "#d7dfe7ff",
726
- "blendMode": "normal",
727
- "extensions": {
728
- "org.lukasoppermann.figmaDesignTokens": {
729
- "styleId": "S:c8cd6d8807b86f2650bf17ac24802f71fe6b6a22,",
730
- "exportKey": "color"
731
- }
732
- }
254
+ "type": "color",
255
+ "value": "#d7dfe7ff"
733
256
  },
734
257
  "tertiary hover": {
735
- "description": "",
736
- "type": "color",
737
- "value": "#c5d0dcff",
738
- "blendMode": "normal",
739
- "extensions": {
740
- "org.lukasoppermann.figmaDesignTokens": {
741
- "styleId": "S:0143b1ee3e01896e20d663d1e14a519d9d9612b2,",
742
- "exportKey": "color"
743
- }
744
- }
258
+ "type": "color",
259
+ "value": "#c5d0dcff"
745
260
  },
746
261
  "tertiary active": {
747
- "description": "",
748
- "type": "color",
749
- "value": "#c5d0dcff",
750
- "blendMode": "normal",
751
- "extensions": {
752
- "org.lukasoppermann.figmaDesignTokens": {
753
- "styleId": "S:6e2c07c6dfd03e084511369fae2f1a88b753feac,",
754
- "exportKey": "color"
755
- }
756
- }
262
+ "type": "color",
263
+ "value": "#c5d0dcff"
757
264
  },
758
265
  "danger primary": {
759
- "description": "",
760
- "type": "color",
761
- "value": "#c5192dff",
762
- "blendMode": "normal",
763
- "extensions": {
764
- "org.lukasoppermann.figmaDesignTokens": {
765
- "styleId": "S:dbebbf6b4297882b22b9842a96ee73963e787d8c,",
766
- "exportKey": "color"
767
- }
768
- }
266
+ "type": "color",
267
+ "value": "#f02d44"
769
268
  },
770
269
  "danger secondary": {
771
- "description": "",
772
- "type": "color",
773
- "value": "#c5192dff",
774
- "blendMode": "normal",
775
- "extensions": {
776
- "org.lukasoppermann.figmaDesignTokens": {
777
- "styleId": "S:eb2cd1816b2036ab2015ddafa87d014178ffc06d,",
778
- "exportKey": "color"
779
- }
780
- }
270
+ "type": "color",
271
+ "value": "#f02d44"
781
272
  },
782
273
  "danger hover": {
783
- "description": "",
784
- "type": "color",
785
- "value": "#981323ff",
786
- "blendMode": "normal",
787
- "extensions": {
788
- "org.lukasoppermann.figmaDesignTokens": {
789
- "styleId": "S:2281fb3e2b2c3a047be8972ece35324c01db69ee,",
790
- "exportKey": "color"
791
- }
792
- }
274
+ "type": "color",
275
+ "value": "#c5192d"
793
276
  },
794
277
  "danger active": {
795
- "description": "",
796
- "type": "color",
797
- "value": "#451e22ff",
798
- "blendMode": "normal",
799
- "extensions": {
800
- "org.lukasoppermann.figmaDesignTokens": {
801
- "styleId": "S:dce5625bf2f17bcae62d3a9b0400f6e344fc3722,",
802
- "exportKey": "color"
803
- }
804
- }
278
+ "type": "color",
279
+ "value": "#c5192d"
805
280
  },
806
281
  "ghost hover": {
807
- "description": "",
808
- "type": "color",
809
- "value": "#f0f3f6ff",
810
- "blendMode": "normal",
811
- "extensions": {
812
- "org.lukasoppermann.figmaDesignTokens": {
813
- "styleId": "S:d242d0961c2ad4677087fdf9f113267a4188efdd,",
814
- "exportKey": "color"
815
- }
816
- }
282
+ "type": "color",
283
+ "value": "#f0f3f6ff"
817
284
  },
818
285
  "ghost active": {
819
- "description": "",
820
- "type": "color",
821
- "value": "#dde8edff",
822
- "blendMode": "normal",
823
- "extensions": {
824
- "org.lukasoppermann.figmaDesignTokens": {
825
- "styleId": "S:ac36d91bc6ad131eecc29d7cf04629302b7d0941,",
826
- "exportKey": "color"
827
- }
828
- }
286
+ "type": "color",
287
+ "value": "#dde8edff"
829
288
  },
830
289
  "inverse": {
831
- "description": "",
832
- "type": "color",
833
- "value": "#ffffffff",
834
- "blendMode": "normal",
835
- "extensions": {
836
- "org.lukasoppermann.figmaDesignTokens": {
837
- "styleId": "S:72f69ce25ea2dc40bbcceed16c2abe0fc6ccaf5d,",
838
- "exportKey": "color"
839
- }
840
- }
290
+ "type": "color",
291
+ "value": "#ffffffff"
841
292
  },
842
293
  "inverse hover": {
843
- "description": "",
844
- "type": "color",
845
- "value": "#ffffff1a",
846
- "blendMode": "normal",
847
- "extensions": {
848
- "org.lukasoppermann.figmaDesignTokens": {
849
- "styleId": "S:be8d4a7f452e77f496462b45be66d8b8b0ec8c10,",
850
- "exportKey": "color"
851
- }
852
- }
294
+ "type": "color",
295
+ "value": "#ffffff1a"
853
296
  },
854
297
  "inverse active": {
855
- "description": "",
856
- "type": "color",
857
- "value": "#ffffff1a",
858
- "blendMode": "normal",
859
- "extensions": {
860
- "org.lukasoppermann.figmaDesignTokens": {
861
- "styleId": "S:5b537447853111c3cbd78fd8039d9bfe4c098594,",
862
- "exportKey": "color"
863
- }
864
- }
298
+ "type": "color",
299
+ "value": "#ffffff1a"
865
300
  },
866
301
  "main navigation": {
867
- "description": "",
868
- "type": "color",
869
- "value": "#3b94d3ff",
870
- "blendMode": "normal",
871
- "extensions": {
872
- "org.lukasoppermann.figmaDesignTokens": {
873
- "styleId": "S:83c1db6caa2ef8fc640ea09e48f3cc87144c9548,",
874
- "exportKey": "color"
875
- }
876
- }
302
+ "type": "color",
303
+ "value": "#3b94d3ff"
877
304
  },
878
305
  "main navigation hover": {
879
- "description": "",
880
- "type": "color",
881
- "value": "#509fd8ff",
882
- "blendMode": "normal",
883
- "extensions": {
884
- "org.lukasoppermann.figmaDesignTokens": {
885
- "styleId": "S:69a2d5fe01d39f505b304646991372500a0d7712,",
886
- "exportKey": "color"
887
- }
888
- }
306
+ "type": "color",
307
+ "value": "#509fd8ff"
889
308
  },
890
309
  "disabled": {
891
- "description": "",
892
- "type": "color",
893
- "value": "#c5cdd2ff",
894
- "blendMode": "normal",
895
- "extensions": {
896
- "org.lukasoppermann.figmaDesignTokens": {
897
- "styleId": "S:2f9561a37a9cc4101d4ebfb3853f55f5a39426cc,",
898
- "exportKey": "color"
899
- }
900
- }
310
+ "type": "color",
311
+ "value": "#c5cdd2ff"
901
312
  },
902
313
  "_separator": {
903
- "description": "",
904
- "type": "color",
905
- "value": "#c5192dff",
906
- "blendMode": "normal",
907
- "extensions": {
908
- "org.lukasoppermann.figmaDesignTokens": {
909
- "styleId": "S:afa023312f532a03ad9eaf41733faccc28970ce2,",
910
- "exportKey": "color"
911
- }
912
- }
314
+ "type": "color",
315
+ "value": "#c5192dff"
913
316
  },
914
317
  "figma": {
915
- "description": "",
916
- "type": "color",
917
- "value": "#ecdfbbff",
918
- "blendMode": "normal",
919
- "extensions": {
920
- "org.lukasoppermann.figmaDesignTokens": {
921
- "styleId": "S:cb1c75de0742d452e35eab2c39dfdcdf49d9197f,",
922
- "exportKey": "color"
923
- }
924
- }
318
+ "type": "color",
319
+ "value": "#ecdfbbff"
925
320
  }
926
321
  },
927
322
  "link": {
928
323
  "primary": {
929
- "description": "",
930
- "type": "color",
931
- "value": "#0b77c2ff",
932
- "blendMode": "normal",
933
- "extensions": {
934
- "org.lukasoppermann.figmaDesignTokens": {
935
- "styleId": "S:8547685ca50e7a201fa69575d30472dbc611fd5b,",
936
- "exportKey": "color"
937
- }
938
- }
324
+ "type": "color",
325
+ "value": "#0b77c2ff"
939
326
  },
940
327
  "primary hover": {
941
- "description": "",
942
- "type": "color",
943
- "value": "#085387ff",
944
- "blendMode": "normal",
945
- "extensions": {
946
- "org.lukasoppermann.figmaDesignTokens": {
947
- "styleId": "S:ac95d40647574805d8d3f80ada2650884cf7784a,",
948
- "exportKey": "color"
949
- }
950
- }
328
+ "type": "color",
329
+ "value": "#085387ff"
951
330
  },
952
331
  "_secondary": {
953
- "description": "",
954
- "type": "color",
955
- "value": "#085387ff",
956
- "blendMode": "normal",
957
- "extensions": {
958
- "org.lukasoppermann.figmaDesignTokens": {
959
- "styleId": "S:d5e4db9d102ae5fb2844517af7e0948abfc39425,",
960
- "exportKey": "color"
961
- }
962
- }
332
+ "type": "color",
333
+ "value": "#085387ff"
963
334
  },
964
335
  "visited": {
965
- "description": "",
966
- "type": "color",
967
- "value": "#085387ff",
968
- "blendMode": "normal",
969
- "extensions": {
970
- "org.lukasoppermann.figmaDesignTokens": {
971
- "styleId": "S:cdbed2c04861649d53b748b00ba846d9fed86099,",
972
- "exportKey": "color"
973
- }
974
- }
336
+ "type": "color",
337
+ "value": "#085387ff"
975
338
  },
976
339
  "on color": {
977
- "description": "",
978
- "type": "color",
979
- "value": "#ffffffff",
980
- "blendMode": "normal",
981
- "extensions": {
982
- "org.lukasoppermann.figmaDesignTokens": {
983
- "styleId": "S:af9b2913bfe7adcaf16337cd7146d167d8d8ce9f,",
984
- "exportKey": "color"
985
- }
986
- }
340
+ "type": "color",
341
+ "value": "#ffffffff"
987
342
  },
988
343
  "inverse": {
989
- "description": "",
990
- "type": "color",
991
- "value": "#8cd0ffff",
992
- "blendMode": "normal",
993
- "extensions": {
994
- "org.lukasoppermann.figmaDesignTokens": {
995
- "styleId": "S:c3753bd88450c293c33c4006b67bea2e68f402bc,",
996
- "exportKey": "color"
997
- }
998
- }
344
+ "type": "color",
345
+ "value": "#8cd0ffff"
999
346
  }
1000
347
  },
1001
348
  "form": {
1002
349
  "field": {
1003
- "description": "",
1004
- "type": "color",
1005
- "value": "#ffffffff",
1006
- "blendMode": "normal",
1007
- "extensions": {
1008
- "org.lukasoppermann.figmaDesignTokens": {
1009
- "styleId": "S:bbc74d50a41a4887420e475b68f9834ef05a7cfd,",
1010
- "exportKey": "color"
1011
- }
1012
- }
350
+ "type": "color",
351
+ "value": "#ffffffff"
1013
352
  },
1014
353
  "field hover": {
1015
- "description": "",
1016
- "type": "color",
1017
- "value": "#ffffffff",
1018
- "blendMode": "normal",
1019
- "extensions": {
1020
- "org.lukasoppermann.figmaDesignTokens": {
1021
- "styleId": "S:e25434433e100380ae50f998b683959f123317c3,",
1022
- "exportKey": "color"
1023
- }
1024
- }
354
+ "type": "color",
355
+ "value": "#ffffffff"
1025
356
  },
1026
357
  "field border": {
1027
- "description": "",
1028
- "type": "color",
1029
- "value": "#77a0b6ff",
1030
- "blendMode": "normal",
1031
- "extensions": {
1032
- "org.lukasoppermann.figmaDesignTokens": {
1033
- "styleId": "S:1b5ed9458b01cfe77f87744800f587d5fdb091c4,",
1034
- "exportKey": "color"
1035
- }
1036
- }
358
+ "type": "color",
359
+ "value": "#77a0b6ff"
1037
360
  },
1038
361
  "field option hover": {
1039
- "description": "",
1040
- "type": "color",
1041
- "value": "#e0ebfdff",
1042
- "blendMode": "normal",
1043
- "extensions": {
1044
- "org.lukasoppermann.figmaDesignTokens": {
1045
- "styleId": "S:b324a79db600440c6c2888690510b6fce72568d0,",
1046
- "exportKey": "color"
1047
- }
1048
- }
362
+ "type": "color",
363
+ "value": "#e0ebfdff"
1049
364
  },
1050
365
  "field option active": {
1051
- "description": "",
1052
- "type": "color",
1053
- "value": "#dfe3e6ff",
1054
- "blendMode": "normal",
1055
- "extensions": {
1056
- "org.lukasoppermann.figmaDesignTokens": {
1057
- "styleId": "S:93774689be17dd01597853b28df18e5eb30a67df,",
1058
- "exportKey": "color"
1059
- }
1060
- }
366
+ "type": "color",
367
+ "value": "#dfe3e6ff"
1061
368
  },
1062
369
  "field disabled": {
1063
- "description": "",
1064
- "type": "color",
1065
- "value": "#f9fbfcff",
1066
- "blendMode": "normal",
1067
- "extensions": {
1068
- "org.lukasoppermann.figmaDesignTokens": {
1069
- "styleId": "S:892b415af75f925d68e068d794ae50ed8cc74951,",
1070
- "exportKey": "color"
1071
- }
1072
- }
370
+ "type": "color",
371
+ "value": "#f9fbfcff"
1073
372
  },
1074
373
  "toggle off": {
1075
- "description": "",
1076
- "type": "color",
1077
- "value": "#8c9ba5ff",
1078
- "blendMode": "normal",
1079
- "extensions": {
1080
- "org.lukasoppermann.figmaDesignTokens": {
1081
- "styleId": "S:01642d5dd1321aaea1209f2ac7ace26b92c1fe37,",
1082
- "exportKey": "color"
1083
- }
1084
- }
374
+ "type": "color",
375
+ "value": "#8c9ba5ff"
1085
376
  }
1086
377
  },
1087
378
  "icon": {
1088
379
  "primary": {
1089
- "description": "",
1090
- "type": "color",
1091
- "value": "#1e2123ff",
1092
- "blendMode": "normal",
1093
- "extensions": {
1094
- "org.lukasoppermann.figmaDesignTokens": {
1095
- "styleId": "S:4a5030b0293ae7d34dd89d59dd94ea6870463254,",
1096
- "exportKey": "color"
1097
- }
1098
- }
380
+ "type": "color",
381
+ "value": "#1e2123ff"
1099
382
  },
1100
383
  "secondary": {
1101
- "description": "",
1102
- "type": "color",
1103
- "value": "#97a2a9ff",
1104
- "blendMode": "normal",
1105
- "extensions": {
1106
- "org.lukasoppermann.figmaDesignTokens": {
1107
- "styleId": "S:0459e0afab33bcaa7adada2ce8f2eab1c4a50e20,",
1108
- "exportKey": "color"
1109
- }
1110
- }
384
+ "type": "color",
385
+ "value": "#97a2a9ff"
1111
386
  },
1112
387
  "tertiary": {
1113
- "description": "",
1114
- "type": "color",
1115
- "value": "#77a0b6ff",
1116
- "blendMode": "normal",
1117
- "extensions": {
1118
- "org.lukasoppermann.figmaDesignTokens": {
1119
- "styleId": "S:a21e0285e304af0c83dbfdebb5ff6bf885678c88,",
1120
- "exportKey": "color"
1121
- }
1122
- }
388
+ "type": "color",
389
+ "value": "#77a0b6ff"
1123
390
  },
1124
391
  "on color": {
1125
- "description": "",
1126
- "type": "color",
1127
- "value": "#ffffffff",
1128
- "blendMode": "normal",
1129
- "extensions": {
1130
- "org.lukasoppermann.figmaDesignTokens": {
1131
- "styleId": "S:be19a21ae5f6b5fb34b1493eeeaae6ad5516238c,",
1132
- "exportKey": "color"
1133
- }
1134
- }
392
+ "type": "color",
393
+ "value": "#ffffffff"
1135
394
  },
1136
395
  "_on color disabled": {
1137
- "description": "",
1138
- "type": "color",
1139
- "value": "#ffffffff",
1140
- "blendMode": "normal",
1141
- "extensions": {
1142
- "org.lukasoppermann.figmaDesignTokens": {
1143
- "styleId": "S:46a4a150a46a278555badc9a858481141841e125,",
1144
- "exportKey": "color"
1145
- }
1146
- }
396
+ "type": "color",
397
+ "value": "#ffffffff"
1147
398
  },
1148
399
  "_inverse": {
1149
- "description": "",
1150
- "type": "color",
1151
- "value": "#ffffffff",
1152
- "blendMode": "normal",
1153
- "extensions": {
1154
- "org.lukasoppermann.figmaDesignTokens": {
1155
- "styleId": "S:53fc9b12286e280ee0238c0963f5d59fd1ec7b18,",
1156
- "exportKey": "color"
1157
- }
1158
- }
400
+ "type": "color",
401
+ "value": "#ffffffff"
1159
402
  },
1160
403
  "disabled": {
1161
- "description": "",
1162
- "type": "color",
1163
- "value": "#8c9ba5ff",
1164
- "blendMode": "normal",
1165
- "extensions": {
1166
- "org.lukasoppermann.figmaDesignTokens": {
1167
- "styleId": "S:d948de752dbd684c681d3462190cb379069c61e0,",
1168
- "exportKey": "color"
1169
- }
1170
- }
404
+ "type": "color",
405
+ "value": "#8c9ba5ff"
1171
406
  }
1172
407
  },
1173
408
  "border": {
1174
409
  "subtle": {
1175
- "description": "",
1176
- "type": "color",
1177
- "value": "#f0f3f6ff",
1178
- "blendMode": "normal",
1179
- "extensions": {
1180
- "org.lukasoppermann.figmaDesignTokens": {
1181
- "styleId": "S:cbdec5ca95e7afbaf1dd28c447f786ce4574e76e,",
1182
- "exportKey": "color"
1183
- }
1184
- }
410
+ "type": "color",
411
+ "value": "#f0f3f6ff"
1185
412
  },
1186
413
  "strong": {
1187
- "description": "",
1188
- "type": "color",
1189
- "value": "#d3e1e8ff",
1190
- "blendMode": "normal",
1191
- "extensions": {
1192
- "org.lukasoppermann.figmaDesignTokens": {
1193
- "styleId": "S:2eb592f90c0752b93ee89aa51e0059d2bd268268,",
1194
- "exportKey": "color"
1195
- }
1196
- }
414
+ "type": "color",
415
+ "value": "#d3e1e8ff"
1197
416
  },
1198
417
  "inverse": {
1199
- "description": "",
1200
- "type": "color",
1201
- "value": "#8c9ba5ff",
1202
- "blendMode": "normal",
1203
- "extensions": {
1204
- "org.lukasoppermann.figmaDesignTokens": {
1205
- "styleId": "S:c07d219cdd432d5a062e774675652ae3850fa719,",
1206
- "exportKey": "color"
1207
- }
1208
- }
418
+ "type": "color",
419
+ "value": "#8c9ba5ff"
1209
420
  },
1210
421
  "interactive": {
1211
- "description": "",
1212
- "type": "color",
1213
- "value": "#007dbcff",
1214
- "blendMode": "normal",
1215
- "extensions": {
1216
- "org.lukasoppermann.figmaDesignTokens": {
1217
- "styleId": "S:972b4060ddd07617b7b80fe1667c6df8a6264d22,",
1218
- "exportKey": "color"
1219
- }
1220
- }
422
+ "type": "color",
423
+ "value": "#007dbcff"
1221
424
  },
1222
425
  "_subtle selected": {
1223
- "description": "",
1224
- "type": "color",
1225
- "value": "#f0f3f6ff",
1226
- "blendMode": "normal",
1227
- "extensions": {
1228
- "org.lukasoppermann.figmaDesignTokens": {
1229
- "styleId": "S:048ec2bdd0ca8ef04640f6e71271c04019572eb8,",
1230
- "exportKey": "color"
1231
- }
1232
- }
426
+ "type": "color",
427
+ "value": "#f0f3f6ff"
1233
428
  },
1234
429
  "disabled": {
1235
- "description": "",
1236
- "type": "color",
1237
- "value": "#dfe6ebff",
1238
- "blendMode": "normal",
1239
- "extensions": {
1240
- "org.lukasoppermann.figmaDesignTokens": {
1241
- "styleId": "S:b9ab345a83118ee3052614a0a1700fc0d7db765f,",
1242
- "exportKey": "color"
1243
- }
1244
- }
430
+ "type": "color",
431
+ "value": "#dfe6ebff"
1245
432
  }
1246
433
  },
1247
434
  "support": {
1248
435
  "error": {
1249
- "description": "",
1250
- "type": "color",
1251
- "value": "#c5192dff",
1252
- "blendMode": "normal",
1253
- "extensions": {
1254
- "org.lukasoppermann.figmaDesignTokens": {
1255
- "styleId": "S:1ed7237242c8504e44e1c69020da4d32c1deb533,",
1256
- "exportKey": "color"
1257
- }
1258
- }
436
+ "type": "color",
437
+ "value": "#c5192dff"
1259
438
  },
1260
439
  "success": {
1261
- "description": "",
1262
- "type": "color",
1263
- "value": "#689e18ff",
1264
- "blendMode": "normal",
1265
- "extensions": {
1266
- "org.lukasoppermann.figmaDesignTokens": {
1267
- "styleId": "S:0c9cca282a4b0d12a36360171e52ccff586c6dd4,",
1268
- "exportKey": "color"
1269
- }
1270
- }
440
+ "type": "color",
441
+ "value": "#689e18ff"
1271
442
  },
1272
443
  "warning": {
1273
- "description": "",
1274
- "type": "color",
1275
- "value": "#f7b825ff",
1276
- "blendMode": "normal",
1277
- "extensions": {
1278
- "org.lukasoppermann.figmaDesignTokens": {
1279
- "styleId": "S:22aaa5de467e24564fe861e533f217c48eef8ec2,",
1280
- "exportKey": "color"
1281
- }
1282
- }
444
+ "type": "color",
445
+ "value": "#f7b825ff"
1283
446
  },
1284
447
  "info": {
1285
- "description": "",
1286
- "type": "color",
1287
- "value": "#007dbcff",
1288
- "blendMode": "normal",
1289
- "extensions": {
1290
- "org.lukasoppermann.figmaDesignTokens": {
1291
- "styleId": "S:3a74adb561c52ec9116246985bd1f5e9a9d5d7f2,",
1292
- "exportKey": "color"
1293
- }
1294
- }
448
+ "type": "color",
449
+ "value": "#007dbcff"
1295
450
  },
1296
451
  "error light": {
1297
- "description": "",
1298
- "type": "color",
1299
- "value": "#f1c6cbff",
1300
- "blendMode": "normal",
1301
- "extensions": {
1302
- "org.lukasoppermann.figmaDesignTokens": {
1303
- "styleId": "S:bfff97cf89414e6d0e9f36d0c049ab49ecdcddd6,",
1304
- "exportKey": "color"
1305
- }
1306
- }
452
+ "type": "color",
453
+ "value": "#f1c6cbff"
1307
454
  },
1308
455
  "success light": {
1309
- "description": "",
1310
- "type": "color",
1311
- "value": "#ccdbcdff",
1312
- "blendMode": "normal",
1313
- "extensions": {
1314
- "org.lukasoppermann.figmaDesignTokens": {
1315
- "styleId": "S:602f162868d9242a94e663dd1ca99ab14beb7fcf,",
1316
- "exportKey": "color"
1317
- }
1318
- }
456
+ "type": "color",
457
+ "value": "#ccdbcdff"
1319
458
  },
1320
459
  "warning light": {
1321
- "description": "",
1322
- "type": "color",
1323
- "value": "#fdedc9ff",
1324
- "blendMode": "normal",
1325
- "extensions": {
1326
- "org.lukasoppermann.figmaDesignTokens": {
1327
- "styleId": "S:6eb9dbb8fbb1056637108a915162c516e6f847b0,",
1328
- "exportKey": "color"
1329
- }
1330
- }
460
+ "type": "color",
461
+ "value": "#fdedc9ff"
1331
462
  },
1332
463
  "info light": {
1333
- "description": "",
1334
- "type": "color",
1335
- "value": "#dae9f4ff",
1336
- "blendMode": "normal",
1337
- "extensions": {
1338
- "org.lukasoppermann.figmaDesignTokens": {
1339
- "styleId": "S:7eeca827e01e3d97cf53786d585c5d9e5223ed08,",
1340
- "exportKey": "color"
1341
- }
1342
- }
464
+ "type": "color",
465
+ "value": "#dae9f4ff"
1343
466
  },
1344
467
  "_error inverse": {
1345
- "description": "",
1346
- "type": "color",
1347
- "value": "#ff4157ff",
1348
- "blendMode": "normal",
1349
- "extensions": {
1350
- "org.lukasoppermann.figmaDesignTokens": {
1351
- "styleId": "S:48625b2f2cdcf3fd78717ea02b1ae5f4cad12a7b,",
1352
- "exportKey": "color"
1353
- }
1354
- }
468
+ "type": "color",
469
+ "value": "#ff4157ff"
1355
470
  },
1356
471
  "_success inverse": {
1357
- "description": "",
1358
- "type": "color",
1359
- "value": "#9eeb2dff",
1360
- "blendMode": "normal",
1361
- "extensions": {
1362
- "org.lukasoppermann.figmaDesignTokens": {
1363
- "styleId": "S:8daa4a92cc22bcc89316cbfdbb0fd03180bc71e6,",
1364
- "exportKey": "color"
1365
- }
1366
- }
472
+ "type": "color",
473
+ "value": "#9eeb2dff"
1367
474
  },
1368
475
  "_warning inverse": {
1369
- "description": "",
1370
- "type": "color",
1371
- "value": "#ffd061ff",
1372
- "blendMode": "normal",
1373
- "extensions": {
1374
- "org.lukasoppermann.figmaDesignTokens": {
1375
- "styleId": "S:0dc8d7a27594efea55f62529b4442bd044367a44,",
1376
- "exportKey": "color"
1377
- }
1378
- }
476
+ "type": "color",
477
+ "value": "#ffd061ff"
1379
478
  },
1380
479
  "_info inverse": {
1381
- "description": "",
1382
- "type": "color",
1383
- "value": "#17b1ffff",
1384
- "blendMode": "normal",
1385
- "extensions": {
1386
- "org.lukasoppermann.figmaDesignTokens": {
1387
- "styleId": "S:ead8fb4cb424abf9a9d0dfe951d009b634bcaffa,",
1388
- "exportKey": "color"
1389
- }
1390
- }
480
+ "type": "color",
481
+ "value": "#17b1ffff"
1391
482
  }
1392
483
  },
1393
484
  "skeleton": {
1394
485
  "_background": {
1395
- "description": "",
1396
- "type": "color",
1397
- "value": "#8c9ba5ff",
1398
- "blendMode": "normal",
1399
- "extensions": {
1400
- "org.lukasoppermann.figmaDesignTokens": {
1401
- "styleId": "S:4112f2ccc36100c662bae027d282dac5eedadfbc,",
1402
- "exportKey": "color"
1403
- }
1404
- }
486
+ "type": "color",
487
+ "value": "#8c9ba5ff"
1405
488
  },
1406
489
  "_element": {
1407
- "description": "",
1408
- "type": "color",
1409
- "value": "#dfe3e6ff",
1410
- "blendMode": "normal",
1411
- "extensions": {
1412
- "org.lukasoppermann.figmaDesignTokens": {
1413
- "styleId": "S:dec4ae3bcf1c57555c5435fa1dcf8b5acf758f43,",
1414
- "exportKey": "color"
1415
- }
1416
- }
490
+ "type": "color",
491
+ "value": "#dfe3e6ff"
1417
492
  }
1418
493
  },
1419
494
  "logo": {
1420
495
  "white": {
1421
- "description": "",
1422
- "type": "color",
1423
- "value": "#ffffffff",
1424
- "blendMode": "normal",
1425
- "extensions": {
1426
- "org.lukasoppermann.figmaDesignTokens": {
1427
- "styleId": "S:2f9175b430d935f4cb6f24f767c2053a3c2e6640,",
1428
- "exportKey": "color"
1429
- }
1430
- }
496
+ "type": "color",
497
+ "value": "#ffffffff"
1431
498
  },
1432
499
  "black": {
1433
- "description": "",
1434
- "type": "color",
1435
- "value": "#000000ff",
1436
- "blendMode": "normal",
1437
- "extensions": {
1438
- "org.lukasoppermann.figmaDesignTokens": {
1439
- "styleId": "S:ab0f9523e2d2ef55d8cd31270da43965d0da4406,",
1440
- "exportKey": "color"
1441
- }
1442
- }
500
+ "type": "color",
501
+ "value": "#000000ff"
1443
502
  },
1444
503
  "blue": {
1445
- "description": "",
1446
- "type": "color",
1447
- "value": "#0b77c2ff",
1448
- "blendMode": "normal",
1449
- "extensions": {
1450
- "org.lukasoppermann.figmaDesignTokens": {
1451
- "styleId": "S:36fd23041660f1570214747a5c6d75aef1b771fd,",
1452
- "exportKey": "color"
1453
- }
1454
- }
504
+ "type": "color",
505
+ "value": "#0b77c2ff"
1455
506
  }
1456
507
  },
1457
508
  "legacy": {
1458
509
  "accent hover": {
1459
- "description": "",
1460
- "type": "color",
1461
- "value": "#f6b00cff",
1462
- "blendMode": "normal",
1463
- "extensions": {
1464
- "org.lukasoppermann.figmaDesignTokens": {
1465
- "styleId": "S:44e3359d132976cc20c54df06b59d89427ceb21c,",
1466
- "exportKey": "color"
1467
- }
1468
- }
510
+ "type": "color",
511
+ "value": "#f6b00cff"
1469
512
  },
1470
513
  "accent": {
1471
- "description": "",
1472
- "type": "color",
1473
- "value": "#f7b825ff",
1474
- "blendMode": "normal",
1475
- "extensions": {
1476
- "org.lukasoppermann.figmaDesignTokens": {
1477
- "styleId": "S:9493a719b9dac510412535050fa230899a47a3f7,",
1478
- "exportKey": "color"
1479
- }
1480
- }
514
+ "type": "color",
515
+ "value": "#f7b825ff"
1481
516
  }
1482
517
  },
1483
518
  "datavis": {
1484
519
  "sequential": {
1485
520
  "default": {
1486
521
  "sequential-default-01": {
1487
- "description": "",
1488
522
  "type": "color",
1489
- "value": "#9deaffff",
1490
- "blendMode": "normal",
1491
- "extensions": {
1492
- "org.lukasoppermann.figmaDesignTokens": {
1493
- "styleId": "S:8baf5845281ee97f1d2a12812ec780cf3ae68ce3,",
1494
- "exportKey": "color"
1495
- }
1496
- }
523
+ "value": "#9deaffff"
1497
524
  },
1498
525
  "sequential-default-02": {
1499
- "description": "",
1500
526
  "type": "color",
1501
- "value": "#73c3feff",
1502
- "blendMode": "normal",
1503
- "extensions": {
1504
- "org.lukasoppermann.figmaDesignTokens": {
1505
- "styleId": "S:97937e9a839e75a790ecf2c838aad2303bb31389,",
1506
- "exportKey": "color"
1507
- }
1508
- }
527
+ "value": "#73c3feff"
1509
528
  },
1510
529
  "sequential-default-03": {
1511
- "description": "",
1512
530
  "type": "color",
1513
- "value": "#4aa1e2ff",
1514
- "blendMode": "normal",
1515
- "extensions": {
1516
- "org.lukasoppermann.figmaDesignTokens": {
1517
- "styleId": "S:f1c2bb0d1b75aec5cf3e7e8285784fbadccaf5b6,",
1518
- "exportKey": "color"
1519
- }
1520
- }
531
+ "value": "#4aa1e2ff"
1521
532
  },
1522
533
  "sequential-default-04": {
1523
- "description": "",
1524
534
  "type": "color",
1525
- "value": "#0780c0ff",
1526
- "blendMode": "normal",
1527
- "extensions": {
1528
- "org.lukasoppermann.figmaDesignTokens": {
1529
- "styleId": "S:ce4c25b3a5733df2ab2b392dbf496903026989fd,",
1530
- "exportKey": "color"
1531
- }
1532
- }
535
+ "value": "#0780c0ff"
1533
536
  },
1534
537
  "sequential-default-05": {
1535
- "description": "",
1536
538
  "type": "color",
1537
- "value": "#005f9bff",
1538
- "blendMode": "normal",
1539
- "extensions": {
1540
- "org.lukasoppermann.figmaDesignTokens": {
1541
- "styleId": "S:fc29d8e15e899dea232ca0511ff9812aec47929c,",
1542
- "exportKey": "color"
1543
- }
1544
- }
539
+ "value": "#005f9bff"
1545
540
  },
1546
541
  "sequential-default-06": {
1547
- "description": "",
1548
542
  "type": "color",
1549
- "value": "#003f76ff",
1550
- "blendMode": "normal",
1551
- "extensions": {
1552
- "org.lukasoppermann.figmaDesignTokens": {
1553
- "styleId": "S:c0abae8ca727bc533628f2cae3881b84aa571977,",
1554
- "exportKey": "color"
1555
- }
1556
- }
543
+ "value": "#003f76ff"
1557
544
  },
1558
545
  "sequential-default-07": {
1559
- "description": "",
1560
546
  "type": "color",
1561
- "value": "#002153ff",
1562
- "blendMode": "normal",
1563
- "extensions": {
1564
- "org.lukasoppermann.figmaDesignTokens": {
1565
- "styleId": "S:663e7ac3c2cc7e22d65057463f8454804ebcacb5,",
1566
- "exportKey": "color"
1567
- }
1568
- }
547
+ "value": "#002153ff"
1569
548
  }
1570
549
  },
1571
550
  "secondary": {
1572
551
  "sequential-secondary-01": {
1573
- "description": "",
1574
552
  "type": "color",
1575
- "value": "#bdf9c4ff",
1576
- "blendMode": "normal",
1577
- "extensions": {
1578
- "org.lukasoppermann.figmaDesignTokens": {
1579
- "styleId": "S:84c476c1007b20922f963fba923869efa31a2886,",
1580
- "exportKey": "color"
1581
- }
1582
- }
553
+ "value": "#bdf9c4ff"
1583
554
  },
1584
555
  "sequential-secondary-02": {
1585
- "description": "",
1586
556
  "type": "color",
1587
- "value": "#89eaa8ff",
1588
- "blendMode": "normal",
1589
- "extensions": {
1590
- "org.lukasoppermann.figmaDesignTokens": {
1591
- "styleId": "S:40fde696f48be86ca768f10e9c2f56aff55e1343,",
1592
- "exportKey": "color"
1593
- }
1594
- }
557
+ "value": "#89eaa8ff"
1595
558
  },
1596
559
  "sequential-secondary-03": {
1597
- "description": "",
1598
560
  "type": "color",
1599
- "value": "#5fd79aff",
1600
- "blendMode": "normal",
1601
- "extensions": {
1602
- "org.lukasoppermann.figmaDesignTokens": {
1603
- "styleId": "S:6a0d809723ff6609f7d081850c46cd2cc3b7259c,",
1604
- "exportKey": "color"
1605
- }
1606
- }
561
+ "value": "#5fd79aff"
1607
562
  },
1608
563
  "sequential-secondary-04": {
1609
- "description": "",
1610
564
  "type": "color",
1611
- "value": "#41c196ff",
1612
- "blendMode": "normal",
1613
- "extensions": {
1614
- "org.lukasoppermann.figmaDesignTokens": {
1615
- "styleId": "S:dad48706ce41246b0e4dc94f3699dce481a765cd,",
1616
- "exportKey": "color"
1617
- }
1618
- }
565
+ "value": "#41c196ff"
1619
566
  },
1620
567
  "sequential-secondary-05": {
1621
- "description": "",
1622
568
  "type": "color",
1623
- "value": "#33aa96ff",
1624
- "blendMode": "normal",
1625
- "extensions": {
1626
- "org.lukasoppermann.figmaDesignTokens": {
1627
- "styleId": "S:fe6520fbab51e025893e5fe1aace178b8c6e9933,",
1628
- "exportKey": "color"
1629
- }
1630
- }
569
+ "value": "#33aa96ff"
1631
570
  },
1632
571
  "sequential-secondary-06": {
1633
- "description": "",
1634
572
  "type": "color",
1635
- "value": "#319298ff",
1636
- "blendMode": "normal",
1637
- "extensions": {
1638
- "org.lukasoppermann.figmaDesignTokens": {
1639
- "styleId": "S:29ab866452f2ef61f59193fcfe09d59d38307e26,",
1640
- "exportKey": "color"
1641
- }
1642
- }
573
+ "value": "#319298ff"
1643
574
  },
1644
575
  "sequential-secondary-07": {
1645
- "description": "",
1646
576
  "type": "color",
1647
- "value": "#367a96ff",
1648
- "blendMode": "normal",
1649
- "extensions": {
1650
- "org.lukasoppermann.figmaDesignTokens": {
1651
- "styleId": "S:3c622c41c19848861c43fd3be9a260653e8ddd8e,",
1652
- "exportKey": "color"
1653
- }
1654
- }
577
+ "value": "#367a96ff"
1655
578
  }
1656
579
  }
1657
580
  },
1658
581
  "categorical": {
1659
582
  "categorical-01": {
1660
- "description": "",
1661
583
  "type": "color",
1662
- "value": "#007dbcff",
1663
- "blendMode": "normal",
1664
- "extensions": {
1665
- "org.lukasoppermann.figmaDesignTokens": {
1666
- "styleId": "S:43f4ac8157934ad85a8211b09ac68227d9e07d1c,",
1667
- "exportKey": "color"
1668
- }
1669
- }
584
+ "value": "#007dbcff"
1670
585
  },
1671
586
  "categorical-02": {
1672
- "description": "",
1673
587
  "type": "color",
1674
- "value": "#36b5c5ff",
1675
- "blendMode": "normal",
1676
- "extensions": {
1677
- "org.lukasoppermann.figmaDesignTokens": {
1678
- "styleId": "S:a2a7a1b94da7859ca34962f560af6035239717be,",
1679
- "exportKey": "color"
1680
- }
1681
- }
588
+ "value": "#36b5c5ff"
1682
589
  },
1683
590
  "categorical-03": {
1684
- "description": "",
1685
591
  "type": "color",
1686
- "value": "#00b485ff",
1687
- "blendMode": "normal",
1688
- "extensions": {
1689
- "org.lukasoppermann.figmaDesignTokens": {
1690
- "styleId": "S:5b6545eb33972d073996a0e1dc13c6c1f1fd3eab,",
1691
- "exportKey": "color"
1692
- }
1693
- }
592
+ "value": "#00b485ff"
1694
593
  },
1695
594
  "categorical-04": {
1696
- "description": "",
1697
595
  "type": "color",
1698
- "value": "#008868ff",
1699
- "blendMode": "normal",
1700
- "extensions": {
1701
- "org.lukasoppermann.figmaDesignTokens": {
1702
- "styleId": "S:1e48e0efad345abbfd2acacadffbd83470d0da4c,",
1703
- "exportKey": "color"
1704
- }
1705
- }
596
+ "value": "#008868ff"
1706
597
  },
1707
598
  "categorical-05": {
1708
- "description": "",
1709
599
  "type": "color",
1710
- "value": "#1a4262ff",
1711
- "blendMode": "normal",
1712
- "extensions": {
1713
- "org.lukasoppermann.figmaDesignTokens": {
1714
- "styleId": "S:204f89de4b73464c51acc80b4bea7f7177650e44,",
1715
- "exportKey": "color"
1716
- }
1717
- }
600
+ "value": "#1a4262ff"
1718
601
  },
1719
602
  "categorical-06": {
1720
- "description": "",
1721
603
  "type": "color",
1722
- "value": "#982b56ff",
1723
- "blendMode": "normal",
1724
- "extensions": {
1725
- "org.lukasoppermann.figmaDesignTokens": {
1726
- "styleId": "S:e2d64483acec9fab1d6d8a5baf46c835bc172ba8,",
1727
- "exportKey": "color"
1728
- }
1729
- }
604
+ "value": "#982b56ff"
1730
605
  },
1731
606
  "categorical-07": {
1732
- "description": "",
1733
607
  "type": "color",
1734
- "value": "#ef404cff",
1735
- "blendMode": "normal",
1736
- "extensions": {
1737
- "org.lukasoppermann.figmaDesignTokens": {
1738
- "styleId": "S:ccc7f66a874c88a9c66c0c9e0856da556f6b3843,",
1739
- "exportKey": "color"
1740
- }
1741
- }
608
+ "value": "#ef404cff"
1742
609
  },
1743
610
  "categorical-08": {
1744
- "description": "",
1745
611
  "type": "color",
1746
- "value": "#f47847ff",
1747
- "blendMode": "normal",
1748
- "extensions": {
1749
- "org.lukasoppermann.figmaDesignTokens": {
1750
- "styleId": "S:4969b880cd712e832d200a97367526360bfdc1e1,",
1751
- "exportKey": "color"
1752
- }
1753
- }
612
+ "value": "#f47847ff"
1754
613
  },
1755
614
  "categorical-09": {
1756
- "description": "",
1757
615
  "type": "color",
1758
- "value": "#b79f8dff",
1759
- "blendMode": "normal",
1760
- "extensions": {
1761
- "org.lukasoppermann.figmaDesignTokens": {
1762
- "styleId": "S:1557ecf2ed02f23eca4ba7ecb68f172d7c506f6d,",
1763
- "exportKey": "color"
1764
- }
1765
- }
616
+ "value": "#b79f8dff"
1766
617
  },
1767
618
  "categorical-10": {
1768
- "description": "",
1769
619
  "type": "color",
1770
- "value": "#ecdfbbff",
1771
- "blendMode": "normal",
1772
- "extensions": {
1773
- "org.lukasoppermann.figmaDesignTokens": {
1774
- "styleId": "S:c7bc96c76109060814e3ce3d84b7e8e74d8607e9,",
1775
- "exportKey": "color"
1776
- }
1777
- }
620
+ "value": "#ecdfbbff"
1778
621
  }
1779
622
  },
1780
623
  "diverging": {
1781
624
  "diverging-01": {
1782
- "description": "",
1783
625
  "type": "color",
1784
- "value": "#73c5d0ff",
1785
- "blendMode": "normal",
1786
- "extensions": {
1787
- "org.lukasoppermann.figmaDesignTokens": {
1788
- "styleId": "S:4f22b39b84d02b99ac088ab24d97f145efdb9a16,",
1789
- "exportKey": "color"
1790
- }
1791
- }
626
+ "value": "#73c5d0ff"
1792
627
  },
1793
628
  "diverging-02": {
1794
- "description": "",
1795
629
  "type": "color",
1796
- "value": "#ecdfbbff",
1797
- "blendMode": "normal",
1798
- "extensions": {
1799
- "org.lukasoppermann.figmaDesignTokens": {
1800
- "styleId": "S:8e657db10a561de22f2141c1b75ce98db9fc1e03,",
1801
- "exportKey": "color"
1802
- }
1803
- }
630
+ "value": "#ecdfbbff"
1804
631
  }
1805
632
  },
1806
633
  "alert": {
1807
634
  "alert-01": {
1808
- "description": "",
1809
635
  "type": "color",
1810
- "value": "#5fd79aff",
1811
- "blendMode": "normal",
1812
- "extensions": {
1813
- "org.lukasoppermann.figmaDesignTokens": {
1814
- "styleId": "S:578863952f170104dc6ead0a00f37a58bdf05f2b,",
1815
- "exportKey": "color"
1816
- }
1817
- }
636
+ "value": "#5fd79aff"
1818
637
  },
1819
638
  "alert-02": {
1820
- "description": "",
1821
639
  "type": "color",
1822
- "value": "#a0db90ff",
1823
- "blendMode": "normal",
1824
- "extensions": {
1825
- "org.lukasoppermann.figmaDesignTokens": {
1826
- "styleId": "S:e8f3ee2ae5b6075f2615b6aeef959eee6c0dc03c,",
1827
- "exportKey": "color"
1828
- }
1829
- }
640
+ "value": "#a0db90ff"
1830
641
  },
1831
642
  "alert-03": {
1832
- "description": "",
1833
643
  "type": "color",
1834
- "value": "#d0de85ff",
1835
- "blendMode": "normal",
1836
- "extensions": {
1837
- "org.lukasoppermann.figmaDesignTokens": {
1838
- "styleId": "S:317c9e4bdd57962fa4f2ce67e55575876b8f051b,",
1839
- "exportKey": "color"
1840
- }
1841
- }
644
+ "value": "#d0de85ff"
1842
645
  },
1843
646
  "alert-04": {
1844
- "description": "",
1845
647
  "type": "color",
1846
- "value": "#fbe07aff",
1847
- "blendMode": "normal",
1848
- "extensions": {
1849
- "org.lukasoppermann.figmaDesignTokens": {
1850
- "styleId": "S:601d735f35a704c1efa49d3c9b53321b253e5c1c,",
1851
- "exportKey": "color"
1852
- }
1853
- }
648
+ "value": "#fbe07aff"
1854
649
  },
1855
650
  "alert-05": {
1856
- "description": "",
1857
651
  "type": "color",
1858
- "value": "#fbb16aff",
1859
- "blendMode": "normal",
1860
- "extensions": {
1861
- "org.lukasoppermann.figmaDesignTokens": {
1862
- "styleId": "S:aebfa1f1ca5503366a72c9edca03dc482665c238,",
1863
- "exportKey": "color"
1864
- }
1865
- }
652
+ "value": "#fbb16aff"
1866
653
  },
1867
654
  "alert-06": {
1868
- "description": "",
1869
655
  "type": "color",
1870
- "value": "#f77f5bff",
1871
- "blendMode": "normal",
1872
- "extensions": {
1873
- "org.lukasoppermann.figmaDesignTokens": {
1874
- "styleId": "S:a26b558350fe9168753a41060d0864cc82a90911,",
1875
- "exportKey": "color"
1876
- }
1877
- }
656
+ "value": "#f77f5bff"
1878
657
  },
1879
658
  "alert-07": {
1880
- "description": "",
1881
659
  "type": "color",
1882
- "value": "#ef404cff",
1883
- "blendMode": "normal",
1884
- "extensions": {
1885
- "org.lukasoppermann.figmaDesignTokens": {
1886
- "styleId": "S:4443b60d44c366a875e8c52c4d1d51ab88a9b6ce,",
1887
- "exportKey": "color"
1888
- }
1889
- }
660
+ "value": "#ef404cff"
1890
661
  }
1891
662
  }
1892
663
  },
@@ -1895,184 +666,73 @@
1895
666
  "brand": {
1896
667
  "description": "Primary brand color",
1897
668
  "type": "color",
1898
- "value": "#007dbcff",
1899
- "blendMode": "normal",
1900
- "extensions": {
1901
- "org.lukasoppermann.figmaDesignTokens": {
1902
- "styleId": "S:4c0065c61a56db844258493f5c61c3213cea88f5,",
1903
- "exportKey": "color"
1904
- }
1905
- }
669
+ "value": "#007dbcff"
1906
670
  }
1907
671
  },
1908
672
  "background": {
1909
673
  "background": {
1910
- "description": "",
1911
674
  "type": "color",
1912
- "value": "#121517ff",
1913
- "blendMode": "normal",
1914
- "extensions": {
1915
- "org.lukasoppermann.figmaDesignTokens": {
1916
- "styleId": "S:29c62288b9fe82e443f80126fd3a39c07b713e1c,",
1917
- "exportKey": "color"
1918
- }
1919
- }
675
+ "value": "#121517ff"
1920
676
  },
1921
677
  "inverse hover": {
1922
- "description": "",
1923
678
  "type": "color",
1924
- "value": "#323c44ff",
1925
- "blendMode": "normal",
1926
- "extensions": {
1927
- "org.lukasoppermann.figmaDesignTokens": {
1928
- "styleId": "S:30909d6deb1428a9f184aa0aa615e25cb89054c3,",
1929
- "exportKey": "color"
1930
- }
1931
- }
679
+ "value": "#323c44ff"
1932
680
  }
1933
681
  },
1934
682
  "text": {
1935
683
  "primary": {
1936
- "description": "",
1937
684
  "type": "color",
1938
- "value": "#ffffffff",
1939
- "blendMode": "normal",
1940
- "extensions": {
1941
- "org.lukasoppermann.figmaDesignTokens": {
1942
- "styleId": "S:c8bf447a25f037d5e9c683f6b766c8778b2bc78a,",
1943
- "exportKey": "color"
1944
- }
1945
- }
685
+ "value": "#ffffffff"
1946
686
  },
1947
687
  "on color": {
1948
- "description": "",
1949
688
  "type": "color",
1950
- "value": "#000000ff",
1951
- "blendMode": "normal",
1952
- "extensions": {
1953
- "org.lukasoppermann.figmaDesignTokens": {
1954
- "styleId": "S:f3998ac53149eab02bc437d28432e8f9bd4dd633,",
1955
- "exportKey": "color"
1956
- }
1957
- }
689
+ "value": "#000000ff"
1958
690
  },
1959
691
  "secondary": {
1960
- "description": "",
1961
692
  "type": "color",
1962
- "value": "#5a6872ff",
1963
- "blendMode": "normal",
1964
- "extensions": {
1965
- "org.lukasoppermann.figmaDesignTokens": {
1966
- "styleId": "S:60d668482301119620d453012aaef2225550da3d,",
1967
- "exportKey": "color"
1968
- }
1969
- }
693
+ "value": "#5a6872ff"
1970
694
  }
1971
695
  },
1972
696
  "layer": {
1973
697
  "primary": {
1974
- "description": "",
1975
698
  "type": "color",
1976
- "value": "#4a5860ff",
1977
- "blendMode": "normal",
1978
- "extensions": {
1979
- "org.lukasoppermann.figmaDesignTokens": {
1980
- "styleId": "S:bc5d0ab77c26a0c5aee6ec64ff2ad994cdba30de,",
1981
- "exportKey": "color"
1982
- }
1983
- }
699
+ "value": "#4a5860ff"
1984
700
  }
1985
701
  },
1986
702
  "button": {
1987
703
  "primary": {
1988
- "description": "",
1989
704
  "type": "color",
1990
- "value": "#0b77c2ff",
1991
- "blendMode": "normal",
1992
- "extensions": {
1993
- "org.lukasoppermann.figmaDesignTokens": {
1994
- "styleId": "S:17e28eff9b80806f4b9cc4f470a12ca8fd39060b,",
1995
- "exportKey": "color"
1996
- }
1997
- }
705
+ "value": "#0b77c2ff"
1998
706
  },
1999
707
  "primary hover": {
2000
- "description": "",
2001
708
  "type": "color",
2002
- "value": "#2889ccff",
2003
- "blendMode": "normal",
2004
- "extensions": {
2005
- "org.lukasoppermann.figmaDesignTokens": {
2006
- "styleId": "S:a4f0751811ca100afbe8b85da07e7c62228dad2f,",
2007
- "exportKey": "color"
2008
- }
2009
- }
709
+ "value": "#2889ccff"
2010
710
  },
2011
711
  "secondary hover": {
2012
- "description": "",
2013
712
  "type": "color",
2014
- "value": "#2889ccff",
2015
- "blendMode": "normal",
2016
- "extensions": {
2017
- "org.lukasoppermann.figmaDesignTokens": {
2018
- "styleId": "S:c104ba0d5e03dd67efe1e602af4f7bedefe573a4,",
2019
- "exportKey": "color"
2020
- }
2021
- }
713
+ "value": "#2889ccff"
2022
714
  }
2023
715
  },
2024
716
  "border": {
2025
717
  "subtle": {
2026
- "description": "",
2027
718
  "type": "color",
2028
- "value": "#2c3844ff",
2029
- "blendMode": "normal",
2030
- "extensions": {
2031
- "org.lukasoppermann.figmaDesignTokens": {
2032
- "styleId": "S:146bb14b32673746c83f77bb9e711c99418e53a7,",
2033
- "exportKey": "color"
2034
- }
2035
- }
719
+ "value": "#2c3844ff"
2036
720
  },
2037
721
  "strong": {
2038
- "description": "",
2039
722
  "type": "color",
2040
- "value": "#475563ff",
2041
- "blendMode": "normal",
2042
- "extensions": {
2043
- "org.lukasoppermann.figmaDesignTokens": {
2044
- "styleId": "S:19207528715f6403bfc2e8dee63dcf625c1bec14,",
2045
- "exportKey": "color"
2046
- }
2047
- }
723
+ "value": "#475563ff"
2048
724
  }
2049
725
  },
2050
726
  "form": {
2051
727
  "field": {
2052
- "description": "",
2053
728
  "type": "color",
2054
- "value": "#262e34ff",
2055
- "blendMode": "normal",
2056
- "extensions": {
2057
- "org.lukasoppermann.figmaDesignTokens": {
2058
- "styleId": "S:47e779de51318f2e8837b6e6ba0a03c0c24d4ffd,",
2059
- "exportKey": "color"
2060
- }
2061
- }
729
+ "value": "#262e34ff"
2062
730
  }
2063
731
  },
2064
732
  "link": {
2065
733
  "primary hover": {
2066
- "description": "",
2067
734
  "type": "color",
2068
- "value": "#369ce3ff",
2069
- "blendMode": "normal",
2070
- "extensions": {
2071
- "org.lukasoppermann.figmaDesignTokens": {
2072
- "styleId": "S:e9c0157969b52cd958c6937b28972063ffdb2a80,",
2073
- "exportKey": "color"
2074
- }
2075
- }
735
+ "value": "#369ce3ff"
2076
736
  }
2077
737
  }
2078
738
  }
@@ -2093,12 +753,6 @@
2093
753
  "paragraphIndent": 0,
2094
754
  "paragraphSpacing": 40,
2095
755
  "textCase": "none"
2096
- },
2097
- "extensions": {
2098
- "org.lukasoppermann.figmaDesignTokens": {
2099
- "styleId": "S:5071c47b5bd507912a7b77456b07a59e361a30a8,",
2100
- "exportKey": "font"
2101
- }
2102
756
  }
2103
757
  },
2104
758
  "heading 2": {
@@ -2116,12 +770,6 @@
2116
770
  "paragraphIndent": 0,
2117
771
  "paragraphSpacing": 0,
2118
772
  "textCase": "none"
2119
- },
2120
- "extensions": {
2121
- "org.lukasoppermann.figmaDesignTokens": {
2122
- "styleId": "S:40448021106d2621bacbb2bf00afe281f80d77f8,",
2123
- "exportKey": "font"
2124
- }
2125
773
  }
2126
774
  },
2127
775
  "heading 3": {
@@ -2139,12 +787,6 @@
2139
787
  "paragraphIndent": 0,
2140
788
  "paragraphSpacing": 40,
2141
789
  "textCase": "none"
2142
- },
2143
- "extensions": {
2144
- "org.lukasoppermann.figmaDesignTokens": {
2145
- "styleId": "S:fed7653da57fb70fbda95365af9b05b7bff63714,",
2146
- "exportKey": "font"
2147
- }
2148
790
  }
2149
791
  },
2150
792
  "heading 4": {
@@ -2162,12 +804,6 @@
2162
804
  "paragraphIndent": 0,
2163
805
  "paragraphSpacing": 0,
2164
806
  "textCase": "none"
2165
- },
2166
- "extensions": {
2167
- "org.lukasoppermann.figmaDesignTokens": {
2168
- "styleId": "S:80d6b050844d7d10d76ef224a3b3531c7cbebe1d,",
2169
- "exportKey": "font"
2170
- }
2171
807
  }
2172
808
  },
2173
809
  "heading 5": {
@@ -2185,12 +821,6 @@
2185
821
  "paragraphIndent": 0,
2186
822
  "paragraphSpacing": 0,
2187
823
  "textCase": "none"
2188
- },
2189
- "extensions": {
2190
- "org.lukasoppermann.figmaDesignTokens": {
2191
- "styleId": "S:68e3f0a225361cb41d13383c09abf174049b9282,",
2192
- "exportKey": "font"
2193
- }
2194
824
  }
2195
825
  },
2196
826
  "heading 6": {
@@ -2208,12 +838,6 @@
2208
838
  "paragraphIndent": 0,
2209
839
  "paragraphSpacing": 0,
2210
840
  "textCase": "none"
2211
- },
2212
- "extensions": {
2213
- "org.lukasoppermann.figmaDesignTokens": {
2214
- "styleId": "S:d6e2356633c6a38459e6d2e7d5bdf329dd699cfd,",
2215
- "exportKey": "font"
2216
- }
2217
841
  }
2218
842
  },
2219
843
  "regular text": {
@@ -2231,12 +855,6 @@
2231
855
  "paragraphIndent": 0,
2232
856
  "paragraphSpacing": 0,
2233
857
  "textCase": "none"
2234
- },
2235
- "extensions": {
2236
- "org.lukasoppermann.figmaDesignTokens": {
2237
- "styleId": "S:f62123ebda5fcf8c7da66cbb2a928d2b263e1265,",
2238
- "exportKey": "font"
2239
- }
2240
858
  }
2241
859
  },
2242
860
  "small regular": {
@@ -2253,12 +871,6 @@
2253
871
  "paragraphIndent": 0,
2254
872
  "paragraphSpacing": 0,
2255
873
  "textCase": "none"
2256
- },
2257
- "extensions": {
2258
- "org.lukasoppermann.figmaDesignTokens": {
2259
- "styleId": "S:503f70edae7b3aeb05dfe037ae8c51e54ee57de3,",
2260
- "exportKey": "font"
2261
- }
2262
874
  }
2263
875
  },
2264
876
  "caption": {
@@ -2275,12 +887,6 @@
2275
887
  "paragraphIndent": 0,
2276
888
  "paragraphSpacing": 0,
2277
889
  "textCase": "none"
2278
- },
2279
- "extensions": {
2280
- "org.lukasoppermann.figmaDesignTokens": {
2281
- "styleId": "S:43257640cb07603571520c60976ab18e0f57d048,",
2282
- "exportKey": "font"
2283
- }
2284
890
  }
2285
891
  },
2286
892
  "overline": {
@@ -2297,12 +903,6 @@
2297
903
  "paragraphIndent": 0,
2298
904
  "paragraphSpacing": 40,
2299
905
  "textCase": "uppercase"
2300
- },
2301
- "extensions": {
2302
- "org.lukasoppermann.figmaDesignTokens": {
2303
- "styleId": "S:c9b25f8a9b4108eb630508e886c6834d84367749,",
2304
- "exportKey": "font"
2305
- }
2306
906
  }
2307
907
  },
2308
908
  "title": {
@@ -2319,12 +919,6 @@
2319
919
  "paragraphIndent": 0,
2320
920
  "paragraphSpacing": 40,
2321
921
  "textCase": "none"
2322
- },
2323
- "extensions": {
2324
- "org.lukasoppermann.figmaDesignTokens": {
2325
- "styleId": "S:6307d5667fed8efa051121cb75535f51c51f429a,",
2326
- "exportKey": "font"
2327
- }
2328
922
  }
2329
923
  }
2330
924
  },