@recursica/adapter-mantine-v8 1.3.3 → 1.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/docs/PHILOSOPHY.md +4 -0
  3. package/package.json +4 -8
  4. package/.storybook/commonArgTypes.ts +0 -148
  5. package/recursica_brand.json +0 -2610
  6. package/recursica_tokens.json +0 -769
  7. package/recursica_ui-kit.json +0 -9049
  8. package/recursica_variables_scoped.css +0 -6178
  9. package/src/Introduction.stories.tsx +0 -149
  10. package/src/components/Accordion/Accordion.stories.tsx +0 -189
  11. package/src/components/AssistiveElement/AssistiveElement.stories.tsx +0 -68
  12. package/src/components/AutoComplete/AutoComplete.stories.tsx +0 -336
  13. package/src/components/Avatar/Avatar.stories.tsx +0 -92
  14. package/src/components/Badge/Badge.stories.tsx +0 -78
  15. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +0 -114
  16. package/src/components/Button/Button.stories.tsx +0 -192
  17. package/src/components/Card/Card.stories.tsx +0 -76
  18. package/src/components/Checkbox/Checkbox.stories.tsx +0 -97
  19. package/src/components/Checkbox/CheckboxGroup.stories.tsx +0 -139
  20. package/src/components/Chip/Chip.stories.tsx +0 -128
  21. package/src/components/Container/Container.stories.tsx +0 -118
  22. package/src/components/DatePicker/DatePicker.stories.tsx +0 -158
  23. package/src/components/Dropdown/Dropdown.stories.tsx +0 -252
  24. package/src/components/FileInput/FileInput.stories.tsx +0 -313
  25. package/src/components/FileUpload/FileUpload.stories.tsx +0 -362
  26. package/src/components/Flex/Flex.stories.tsx +0 -128
  27. package/src/components/FormControlLayout/FormControlLayout.stories.tsx +0 -118
  28. package/src/components/FormControlWrapper/FormControlWrapper.stories.tsx +0 -129
  29. package/src/components/Group/Group.stories.tsx +0 -120
  30. package/src/components/Heading/Heading.stories.tsx +0 -112
  31. package/src/components/HoverCard/HoverCard.stories.tsx +0 -172
  32. package/src/components/Label/Label.stories.tsx +0 -131
  33. package/src/components/LayoutGrid/LayoutGrid.stories.tsx +0 -61
  34. package/src/components/Link/Link.stories.tsx +0 -58
  35. package/src/components/Loader/Loader.stories.tsx +0 -123
  36. package/src/components/Menu/Menu.stories.tsx +0 -370
  37. package/src/components/Modal/Modal.stories.tsx +0 -105
  38. package/src/components/NumberInput/NumberInput.stories.tsx +0 -96
  39. package/src/components/Pagination/Pagination.stories.tsx +0 -48
  40. package/src/components/Panel/Panel.stories.tsx +0 -219
  41. package/src/components/Popover/Popover.stories.tsx +0 -133
  42. package/src/components/Radio/Radio.stories.tsx +0 -93
  43. package/src/components/Radio/RadioGroup.stories.tsx +0 -117
  44. package/src/components/ReadOnlyField/ReadOnlyField.stories.tsx +0 -163
  45. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +0 -106
  46. package/src/components/Slider/Slider.stories.tsx +0 -282
  47. package/src/components/Stack/Stack.stories.tsx +0 -108
  48. package/src/components/Stepper/Stepper.stories.tsx +0 -148
  49. package/src/components/Switch/Switch.stories.tsx +0 -114
  50. package/src/components/Switch/SwitchGroup.stories.tsx +0 -132
  51. package/src/components/Table/Table.stories.tsx +0 -140
  52. package/src/components/Tabs/Tabs.stories.tsx +0 -154
  53. package/src/components/Text/Text.stories.tsx +0 -148
  54. package/src/components/TextArea/TextArea.stories.tsx +0 -94
  55. package/src/components/TextField/TextField.stories.tsx +0 -162
  56. package/src/components/TimePicker/TimePicker.stories.tsx +0 -141
  57. package/src/components/Timeline/Timeline.stories.tsx +0 -128
  58. package/src/components/Toast/Toast.stories.tsx +0 -67
  59. package/src/components/Tooltip/Tooltip.stories.tsx +0 -165
  60. package/src/components/TransferList/TransferList.stories.tsx +0 -121
  61. package/src/components/Tree/Tree.stories.tsx +0 -104
package/recursica_brand.json DELETED
@@ -1,2610 +0,0 @@
1
- {
2
- "brand": {
3
- "modes": {
4
- "light": {
5
- "layers": {
6
- "layer-0": {
7
- "elements": {
8
- "interactive": {
9
- "color": {
10
- "$type": "color",
11
- "$value": "{brand.modes.light.palettes.core-colors.interactive.tone}"
12
- }
13
- },
14
- "text": {
15
- "warning": {
16
- "$type": "color",
17
- "$value": "{tokens.colors.scale-04.700}"
18
- },
19
- "success": {
20
- "$type": "color",
21
- "$value": "{brand.modes.light.palettes.core-colors.success.tone}"
22
- },
23
- "alert": {
24
- "$type": "color",
25
- "$value": "{brand.modes.light.palettes.core-colors.alert.tone}"
26
- },
27
- "color": {
28
- "$type": "color",
29
- "$value": "{brand.modes.light.palettes.neutral.050.color.on-tone}"
30
- }
31
- }
32
- },
33
- "properties": {
34
- "elevation": {
35
- "$value": "{brand.modes.light.elevations.elevation-0}",
36
- "$extensions": {
37
- "recursica.type": "elevation"
38
- }
39
- },
40
- "surface": {
41
- "$type": "color",
42
- "$value": "{brand.modes.light.palettes.neutral.000.color.tone}"
43
- },
44
- "padding": {
45
- "$type": "number",
46
- "$value": "{tokens.sizes.3x}"
47
- },
48
- "border-color": {
49
- "$type": "color",
50
- "$value": "{brand.modes.light.palettes.neutral.200.color.tone}"
51
- },
52
- "border-radius": {
53
- "$type": "number",
54
- "$value": "{tokens.sizes.3x}"
55
- },
56
- "border-size": {
57
- "$type": "number",
58
- "$value": {
59
- "value": 0,
60
- "unit": "px"
61
- }
62
- }
63
- }
64
- },
65
- "layer-1": {
66
- "properties": {
67
- "border-size": {
68
- "$type": "number",
69
- "$value": {
70
- "value": 2,
71
- "unit": "px"
72
- }
73
- },
74
- "elevation": {
75
- "$value": "{brand.modes.light.elevations.elevation-0}",
76
- "$extensions": {
77
- "recursica.type": "elevation"
78
- }
79
- },
80
- "border-radius": {
81
- "$type": "number",
82
- "$value": "{tokens.sizes.3x}"
83
- },
84
- "border-color": {
85
- "$type": "color",
86
- "$value": "{brand.modes.light.palettes.neutral.200.color.tone}"
87
- },
88
- "surface": {
89
- "$type": "color",
90
- "$value": "{brand.modes.light.palettes.neutral.050.color.tone}"
91
- },
92
- "padding": {
93
- "$type": "number",
94
- "$value": "{tokens.sizes.3x}"
95
- }
96
- },
97
- "elements": {
98
- "text": {
99
- "warning": {
100
- "$type": "color",
101
- "$value": "{tokens.colors.scale-04.700}"
102
- },
103
- "success": {
104
- "$type": "color",
105
- "$value": "{brand.modes.light.palettes.core-colors.success.tone}"
106
- },
107
- "alert": {
108
- "$type": "color",
109
- "$value": "{brand.modes.light.palettes.core-colors.alert.tone}"
110
- },
111
- "color": {
112
- "$type": "color",
113
- "$value": "{brand.modes.light.palettes.neutral.050.color.on-tone}"
114
- }
115
- },
116
- "interactive": {
117
- "color": {
118
- "$type": "color",
119
- "$value": "{brand.modes.light.palettes.core-colors.interactive.tone}"
120
- }
121
- }
122
- }
123
- },
124
- "layer-3": {
125
- "properties": {
126
- "elevation": {
127
- "$value": "{brand.modes.light.elevations.elevation-4}",
128
- "$extensions": {
129
- "recursica.type": "elevation"
130
- }
131
- },
132
- "border-radius": {
133
- "$type": "number",
134
- "$value": "{tokens.sizes.default}"
135
- },
136
- "surface": {
137
- "$type": "color",
138
- "$value": "{brand.modes.light.palettes.neutral.050.color.tone}"
139
- },
140
- "padding": {
141
- "$type": "number",
142
- "$value": "{tokens.sizes.2x}"
143
- },
144
- "border-color": {
145
- "$type": "color",
146
- "$value": "{brand.modes.light.palettes.neutral.100.color.tone}"
147
- },
148
- "border-size": {
149
- "$type": "number",
150
- "$value": {
151
- "value": 0,
152
- "unit": "px"
153
- }
154
- }
155
- },
156
- "elements": {
157
- "text": {
158
- "warning": {
159
- "$type": "color",
160
- "$value": "{tokens.colors.scale-04.700}"
161
- },
162
- "success": {
163
- "$type": "color",
164
- "$value": "{brand.modes.light.palettes.core-colors.success.tone}"
165
- },
166
- "alert": {
167
- "$type": "color",
168
- "$value": "{brand.modes.light.palettes.core-colors.alert.tone}"
169
- },
170
- "color": {
171
- "$type": "color",
172
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
173
- }
174
- },
175
- "interactive": {
176
- "color": {
177
- "$type": "color",
178
- "$value": "{brand.modes.light.palettes.core-colors.interactive.tone}"
179
- }
180
- }
181
- }
182
- },
183
- "layer-2": {
184
- "elements": {
185
- "text": {
186
- "success": {
187
- "$type": "color",
188
- "$value": "{brand.modes.light.palettes.core-colors.success.tone}"
189
- },
190
- "alert": {
191
- "$type": "color",
192
- "$value": "{brand.modes.light.palettes.core-colors.alert.tone}"
193
- },
194
- "color": {
195
- "$type": "color",
196
- "$value": "{brand.modes.light.palettes.neutral.050.color.on-tone}"
197
- },
198
- "warning": {
199
- "$type": "color",
200
- "$value": "{tokens.colors.scale-04.700}"
201
- }
202
- },
203
- "interactive": {
204
- "color": {
205
- "$type": "color",
206
- "$value": "{brand.modes.light.palettes.core-colors.interactive.tone}"
207
- }
208
- }
209
- },
210
- "properties": {
211
- "surface": {
212
- "$type": "color",
213
- "$value": "{brand.modes.light.palettes.neutral.050.color.tone}"
214
- },
215
- "padding": {
216
- "$type": "number",
217
- "$value": "{tokens.sizes.2x}"
218
- },
219
- "elevation": {
220
- "$value": "{brand.modes.light.elevations.elevation-2}",
221
- "$extensions": {
222
- "recursica.type": "elevation"
223
- }
224
- },
225
- "border-radius": {
226
- "$type": "number",
227
- "$value": "{tokens.sizes.2x}"
228
- },
229
- "border-color": {
230
- "$type": "color",
231
- "$value": "{brand.modes.light.palettes.neutral.200.color.tone}"
232
- },
233
- "border-size": {
234
- "$type": "number",
235
- "$value": {
236
- "value": 0,
237
- "unit": "px"
238
- }
239
- }
240
- }
241
- }
242
- },
243
- "states": {
244
- "disabled": {
245
- "$type": "number",
246
- "$value": "{tokens.opacities.ghost}"
247
- },
248
- "hover": {
249
- "color": {
250
- "$type": "color",
251
- "$value": "{brand.modes.light.palettes.neutral.400.color.tone}"
252
- },
253
- "opacity": {
254
- "$type": "number",
255
- "$value": "{tokens.opacities.mist}"
256
- }
257
- },
258
- "link": {
259
- "decoration": {
260
- "$type": "string",
261
- "$value": "underline"
262
- },
263
- "style": {
264
- "$type": "string",
265
- "$value": "normal"
266
- },
267
- "weight": {
268
- "$type": "string",
269
- "$value": "400"
270
- }
271
- },
272
- "focus": {
273
- "color": {
274
- "$type": "color",
275
- "$value": "{brand.modes.light.palettes.core-colors.interactive.tone}"
276
- },
277
- "border-size": {
278
- "$type": "number",
279
- "$value": {
280
- "value": 1,
281
- "unit": "px"
282
- }
283
- },
284
- "margin": {
285
- "$type": "number",
286
- "$value": {
287
- "value": 2,
288
- "unit": "px"
289
- }
290
- },
291
- "blur": {
292
- "$type": "number",
293
- "$value": {
294
- "value": 4,
295
- "unit": "px"
296
- }
297
- }
298
- },
299
- "overlay": {
300
- "color": {
301
- "$type": "color",
302
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
303
- },
304
- "opacity": {
305
- "$type": "number",
306
- "$value": "{tokens.opacities.ghost}"
307
- }
308
- }
309
- },
310
- "text-emphasis": {
311
- "low": {
312
- "$type": "number",
313
- "$value": "{tokens.opacities.smoky}"
314
- },
315
- "high": {
316
- "$type": "number",
317
- "$value": "{tokens.opacities.solid}"
318
- }
319
- },
320
- "palettes": {
321
- "neutral": {
322
- "100": {
323
- "color": {
324
- "$type": "color",
325
- "tone": {
326
- "$type": "color",
327
- "$value": "{tokens.colors.scale-01.100}"
328
- },
329
- "on-tone": {
330
- "$type": "color",
331
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
332
- }
333
- }
334
- },
335
- "200": {
336
- "color": {
337
- "$type": "color",
338
- "tone": {
339
- "$type": "color",
340
- "$value": "{tokens.colors.scale-01.200}"
341
- },
342
- "on-tone": {
343
- "$type": "color",
344
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
345
- }
346
- }
347
- },
348
- "300": {
349
- "color": {
350
- "$type": "color",
351
- "tone": {
352
- "$type": "color",
353
- "$value": "{tokens.colors.scale-01.300}"
354
- },
355
- "on-tone": {
356
- "$type": "color",
357
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
358
- }
359
- }
360
- },
361
- "400": {
362
- "color": {
363
- "$type": "color",
364
- "tone": {
365
- "$type": "color",
366
- "$value": "{tokens.colors.scale-01.400}"
367
- },
368
- "on-tone": {
369
- "$type": "color",
370
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
371
- }
372
- }
373
- },
374
- "500": {
375
- "color": {
376
- "$type": "color",
377
- "tone": {
378
- "$type": "color",
379
- "$value": "{tokens.colors.scale-01.500}"
380
- },
381
- "on-tone": {
382
- "$type": "color",
383
- "$value": "{tokens.colors.scale-01.1000}"
384
- }
385
- }
386
- },
387
- "600": {
388
- "color": {
389
- "$type": "color",
390
- "tone": {
391
- "$type": "color",
392
- "$value": "{tokens.colors.scale-01.600}"
393
- },
394
- "on-tone": {
395
- "$type": "color",
396
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
397
- }
398
- }
399
- },
400
- "700": {
401
- "color": {
402
- "$type": "color",
403
- "tone": {
404
- "$type": "color",
405
- "$value": "{tokens.colors.scale-01.700}"
406
- },
407
- "on-tone": {
408
- "$type": "color",
409
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
410
- }
411
- }
412
- },
413
- "800": {
414
- "color": {
415
- "$type": "color",
416
- "tone": {
417
- "$type": "color",
418
- "$value": "{tokens.colors.scale-01.800}"
419
- },
420
- "on-tone": {
421
- "$type": "color",
422
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
423
- }
424
- }
425
- },
426
- "900": {
427
- "color": {
428
- "$type": "color",
429
- "tone": {
430
- "$type": "color",
431
- "$value": "{tokens.colors.scale-01.900}"
432
- },
433
- "on-tone": {
434
- "$type": "color",
435
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
436
- }
437
- }
438
- },
439
- "1000": {
440
- "color": {
441
- "$type": "color",
442
- "tone": {
443
- "$type": "color",
444
- "$value": "{tokens.colors.scale-01.1000}"
445
- },
446
- "on-tone": {
447
- "$type": "color",
448
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
449
- }
450
- }
451
- },
452
- "default": {
453
- "color": {
454
- "$type": "color",
455
- "tone": {
456
- "$type": "color",
457
- "$value": "{brand.modes.light.palettes.neutral.200.color.tone}"
458
- },
459
- "on-tone": {
460
- "$type": "color",
461
- "$value": "{brand.modes.light.palettes.neutral.200.color.on-tone}"
462
- }
463
- }
464
- },
465
- "000": {
466
- "color": {
467
- "$type": "color",
468
- "tone": {
469
- "$type": "color",
470
- "$value": "{tokens.colors.scale-01.000}"
471
- },
472
- "on-tone": {
473
- "$type": "color",
474
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
475
- }
476
- }
477
- },
478
- "050": {
479
- "color": {
480
- "$type": "color",
481
- "tone": {
482
- "$type": "color",
483
- "$value": "{tokens.colors.scale-01.050}"
484
- },
485
- "on-tone": {
486
- "$type": "color",
487
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
488
- }
489
- }
490
- }
491
- },
492
- "palette-1": {
493
- "100": {
494
- "color": {
495
- "$type": "color",
496
- "tone": {
497
- "$type": "color",
498
- "$value": "{tokens.colors.scale-06.100}"
499
- },
500
- "on-tone": {
501
- "$type": "color",
502
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
503
- }
504
- }
505
- },
506
- "200": {
507
- "color": {
508
- "$type": "color",
509
- "tone": {
510
- "$type": "color",
511
- "$value": "{tokens.colors.scale-06.200}"
512
- },
513
- "on-tone": {
514
- "$type": "color",
515
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
516
- }
517
- }
518
- },
519
- "300": {
520
- "color": {
521
- "$type": "color",
522
- "tone": {
523
- "$type": "color",
524
- "$value": "{tokens.colors.scale-06.300}"
525
- },
526
- "on-tone": {
527
- "$type": "color",
528
- "$value": "{tokens.colors.scale-01.1000}"
529
- }
530
- }
531
- },
532
- "400": {
533
- "color": {
534
- "$type": "color",
535
- "tone": {
536
- "$type": "color",
537
- "$value": "{tokens.colors.scale-06.400}"
538
- },
539
- "on-tone": {
540
- "$type": "color",
541
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
542
- }
543
- }
544
- },
545
- "500": {
546
- "color": {
547
- "$type": "color",
548
- "tone": {
549
- "$type": "color",
550
- "$value": "{tokens.colors.scale-06.500}"
551
- },
552
- "on-tone": {
553
- "$type": "color",
554
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
555
- }
556
- }
557
- },
558
- "600": {
559
- "color": {
560
- "$type": "color",
561
- "tone": {
562
- "$type": "color",
563
- "$value": "{tokens.colors.scale-06.600}"
564
- },
565
- "on-tone": {
566
- "$type": "color",
567
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
568
- }
569
- }
570
- },
571
- "700": {
572
- "color": {
573
- "$type": "color",
574
- "tone": {
575
- "$type": "color",
576
- "$value": "{tokens.colors.scale-06.700}"
577
- },
578
- "on-tone": {
579
- "$type": "color",
580
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
581
- }
582
- }
583
- },
584
- "800": {
585
- "color": {
586
- "$type": "color",
587
- "tone": {
588
- "$type": "color",
589
- "$value": "{tokens.colors.scale-06.800}"
590
- },
591
- "on-tone": {
592
- "$type": "color",
593
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
594
- }
595
- }
596
- },
597
- "900": {
598
- "color": {
599
- "$type": "color",
600
- "tone": {
601
- "$type": "color",
602
- "$value": "{tokens.colors.scale-06.900}"
603
- },
604
- "on-tone": {
605
- "$type": "color",
606
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
607
- }
608
- }
609
- },
610
- "1000": {
611
- "color": {
612
- "$type": "color",
613
- "tone": {
614
- "$type": "color",
615
- "$value": "{tokens.colors.scale-06.1000}"
616
- },
617
- "on-tone": {
618
- "$type": "color",
619
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
620
- }
621
- }
622
- },
623
- "default": {
624
- "color": {
625
- "$type": "color",
626
- "tone": {
627
- "$type": "color",
628
- "$value": "{brand.modes.light.palettes.palette-1.400.color.tone}"
629
- },
630
- "on-tone": {
631
- "$type": "color",
632
- "$value": "{brand.modes.light.palettes.palette-1.400.color.on-tone}"
633
- }
634
- }
635
- },
636
- "000": {
637
- "color": {
638
- "$type": "color",
639
- "tone": {
640
- "$type": "color",
641
- "$value": "{tokens.colors.scale-06.000}"
642
- },
643
- "on-tone": {
644
- "$type": "color",
645
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
646
- }
647
- }
648
- },
649
- "050": {
650
- "color": {
651
- "$type": "color",
652
- "tone": {
653
- "$type": "color",
654
- "$value": "{tokens.colors.scale-06.050}"
655
- },
656
- "on-tone": {
657
- "$type": "color",
658
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
659
- }
660
- }
661
- }
662
- },
663
- "palette-2": {
664
- "100": {
665
- "color": {
666
- "$type": "color",
667
- "tone": {
668
- "$type": "color",
669
- "$value": "{tokens.colors.scale-02.100}"
670
- },
671
- "on-tone": {
672
- "$type": "color",
673
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
674
- }
675
- }
676
- },
677
- "200": {
678
- "color": {
679
- "$type": "color",
680
- "tone": {
681
- "$type": "color",
682
- "$value": "{tokens.colors.scale-02.200}"
683
- },
684
- "on-tone": {
685
- "$type": "color",
686
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
687
- }
688
- }
689
- },
690
- "300": {
691
- "color": {
692
- "$type": "color",
693
- "tone": {
694
- "$type": "color",
695
- "$value": "{tokens.colors.scale-02.300}"
696
- },
697
- "on-tone": {
698
- "$type": "color",
699
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
700
- }
701
- }
702
- },
703
- "400": {
704
- "color": {
705
- "$type": "color",
706
- "tone": {
707
- "$type": "color",
708
- "$value": "{tokens.colors.scale-02.400}"
709
- },
710
- "on-tone": {
711
- "$type": "color",
712
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
713
- }
714
- }
715
- },
716
- "500": {
717
- "color": {
718
- "$type": "color",
719
- "tone": {
720
- "$type": "color",
721
- "$value": "{tokens.colors.scale-02.500}"
722
- },
723
- "on-tone": {
724
- "$type": "color",
725
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
726
- }
727
- }
728
- },
729
- "600": {
730
- "color": {
731
- "$type": "color",
732
- "tone": {
733
- "$type": "color",
734
- "$value": "{tokens.colors.scale-02.600}"
735
- },
736
- "on-tone": {
737
- "$type": "color",
738
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
739
- }
740
- }
741
- },
742
- "700": {
743
- "color": {
744
- "$type": "color",
745
- "tone": {
746
- "$type": "color",
747
- "$value": "{tokens.colors.scale-02.700}"
748
- },
749
- "on-tone": {
750
- "$type": "color",
751
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
752
- }
753
- }
754
- },
755
- "800": {
756
- "color": {
757
- "$type": "color",
758
- "tone": {
759
- "$type": "color",
760
- "$value": "{tokens.colors.scale-02.800}"
761
- },
762
- "on-tone": {
763
- "$type": "color",
764
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
765
- }
766
- }
767
- },
768
- "900": {
769
- "color": {
770
- "$type": "color",
771
- "tone": {
772
- "$type": "color",
773
- "$value": "{tokens.colors.scale-02.900}"
774
- },
775
- "on-tone": {
776
- "$type": "color",
777
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
778
- }
779
- }
780
- },
781
- "1000": {
782
- "color": {
783
- "$type": "color",
784
- "tone": {
785
- "$type": "color",
786
- "$value": "{tokens.colors.scale-02.1000}"
787
- },
788
- "on-tone": {
789
- "$type": "color",
790
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
791
- }
792
- }
793
- },
794
- "default": {
795
- "color": {
796
- "$type": "color",
797
- "tone": {
798
- "$type": "color",
799
- "$value": "{brand.modes.light.palettes.palette-2.400.color.tone}"
800
- },
801
- "on-tone": {
802
- "$type": "color",
803
- "$value": "{brand.modes.light.palettes.palette-2.400.color.on-tone}"
804
- }
805
- }
806
- },
807
- "000": {
808
- "color": {
809
- "$type": "color",
810
- "tone": {
811
- "$type": "color",
812
- "$value": "{tokens.colors.scale-02.000}"
813
- },
814
- "on-tone": {
815
- "$type": "color",
816
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
817
- }
818
- }
819
- },
820
- "050": {
821
- "color": {
822
- "$type": "color",
823
- "tone": {
824
- "$type": "color",
825
- "$value": "{tokens.colors.scale-02.050}"
826
- },
827
- "on-tone": {
828
- "$type": "color",
829
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
830
- }
831
- }
832
- }
833
- },
834
- "core-colors": {
835
- "high-contrast": {
836
- "tone": {
837
- "$type": "color",
838
- "$value": "{tokens.colors.scale-01.1000}"
839
- },
840
- "on-tone": {
841
- "$type": "color",
842
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
843
- },
844
- "interactive": {
845
- "$type": "color",
846
- "$value": "{tokens.colors.scale-06.050}"
847
- }
848
- },
849
- "low-contrast": {
850
- "tone": {
851
- "$type": "color",
852
- "$value": "{tokens.colors.scale-01.000}"
853
- },
854
- "on-tone": {
855
- "$type": "color",
856
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
857
- },
858
- "interactive": {
859
- "$type": "color",
860
- "$value": "{tokens.colors.scale-06.500}"
861
- }
862
- },
863
- "alert": {
864
- "tone": {
865
- "$type": "color",
866
- "$value": "{tokens.colors.scale-05.600}"
867
- },
868
- "on-tone": {
869
- "$type": "color",
870
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
871
- },
872
- "interactive": {
873
- "$type": "color",
874
- "$value": "{tokens.colors.scale-06.050}"
875
- }
876
- },
877
- "success": {
878
- "tone": {
879
- "$type": "color",
880
- "$value": "{tokens.colors.scale-03.600}"
881
- },
882
- "on-tone": {
883
- "$type": "color",
884
- "$value": "{brand.modes.light.palettes.core-colors.low-contrast.tone}"
885
- },
886
- "interactive": {
887
- "$type": "color",
888
- "$value": "{tokens.colors.scale-06.050}"
889
- }
890
- },
891
- "warning": {
892
- "tone": {
893
- "$type": "color",
894
- "$value": "{tokens.colors.scale-04.500}"
895
- },
896
- "on-tone": {
897
- "$type": "color",
898
- "$value": "{brand.modes.light.palettes.core-colors.high-contrast.tone}"
899
- },
900
- "interactive": {
901
- "$type": "color",
902
- "$value": "{tokens.colors.scale-06.800}"
903
- }
904
- },
905
- "interactive": {
906
- "tone": {
907
- "$type": "color",
908
- "$value": "{tokens.colors.scale-06.500}"
909
- },
910
- "on-tone": {
911
- "$value": "{tokens.colors.scale-01.050}"
912
- }
913
- }
914
- }
915
- },
916
- "elevations": {
917
- "elevation-0": {
918
- "$type": "shadow",
919
- "$value": {
920
- "x": {
921
- "$value": {
922
- "value": 0,
923
- "unit": "px"
924
- },
925
- "$type": "number"
926
- },
927
- "y": {
928
- "$value": {
929
- "value": 0,
930
- "unit": "px"
931
- },
932
- "$type": "number"
933
- },
934
- "blur": {
935
- "$value": {
936
- "value": 0,
937
- "unit": "px"
938
- },
939
- "$type": "number"
940
- },
941
- "spread": {
942
- "$value": {
943
- "value": 0,
944
- "unit": "px"
945
- },
946
- "$type": "number"
947
- },
948
- "color": {
949
- "$value": "{brand.modes.light.palettes.neutral.500.color.tone}",
950
- "$type": "color"
951
- },
952
- "opacity": {
953
- "$value": {
954
- "value": 0,
955
- "unit": "percentage"
956
- },
957
- "$type": "number"
958
- }
959
- }
960
- },
961
- "elevation-1": {
962
- "$type": "shadow",
963
- "$value": {
964
- "x": {
965
- "$value": {
966
- "value": 0,
967
- "unit": "px"
968
- },
969
- "$type": "number"
970
- },
971
- "y": {
972
- "$value": {
973
- "value": 2,
974
- "unit": "px"
975
- },
976
- "$type": "number"
977
- },
978
- "blur": {
979
- "$value": {
980
- "value": 4,
981
- "unit": "px"
982
- },
983
- "$type": "number"
984
- },
985
- "spread": {
986
- "$value": {
987
- "value": 0,
988
- "unit": "px"
989
- },
990
- "$type": "number"
991
- },
992
- "color": {
993
- "$value": "{brand.modes.light.palettes.neutral.500.color.tone}",
994
- "$type": "color"
995
- },
996
- "opacity": {
997
- "$value": {
998
- "value": 84,
999
- "unit": "percentage"
1000
- },
1001
- "$type": "number"
1002
- }
1003
- }
1004
- },
1005
- "elevation-2": {
1006
- "$type": "shadow",
1007
- "$value": {
1008
- "x": {
1009
- "$value": {
1010
- "value": 0,
1011
- "unit": "px"
1012
- },
1013
- "$type": "number"
1014
- },
1015
- "y": {
1016
- "$value": {
1017
- "value": 4,
1018
- "unit": "px"
1019
- },
1020
- "$type": "number"
1021
- },
1022
- "blur": {
1023
- "$value": {
1024
- "value": 8,
1025
- "unit": "px"
1026
- },
1027
- "$type": "number"
1028
- },
1029
- "spread": {
1030
- "$value": {
1031
- "value": 0,
1032
- "unit": "px"
1033
- },
1034
- "$type": "number"
1035
- },
1036
- "color": {
1037
- "$value": "{brand.modes.light.palettes.neutral.500.color.tone}",
1038
- "$type": "color"
1039
- },
1040
- "opacity": {
1041
- "$value": {
1042
- "value": 84,
1043
- "unit": "percentage"
1044
- },
1045
- "$type": "number"
1046
- }
1047
- }
1048
- },
1049
- "elevation-3": {
1050
- "$type": "shadow",
1051
- "$value": {
1052
- "x": {
1053
- "$value": {
1054
- "value": 0,
1055
- "unit": "px"
1056
- },
1057
- "$type": "number"
1058
- },
1059
- "y": {
1060
- "$value": {
1061
- "value": 8,
1062
- "unit": "px"
1063
- },
1064
- "$type": "number"
1065
- },
1066
- "blur": {
1067
- "$value": {
1068
- "value": 16,
1069
- "unit": "px"
1070
- },
1071
- "$type": "number"
1072
- },
1073
- "spread": {
1074
- "$value": {
1075
- "value": 0,
1076
- "unit": "px"
1077
- },
1078
- "$type": "number"
1079
- },
1080
- "color": {
1081
- "$value": "{brand.modes.light.palettes.neutral.500.color.tone}",
1082
- "$type": "color"
1083
- },
1084
- "opacity": {
1085
- "$value": {
1086
- "value": 84,
1087
- "unit": "percentage"
1088
- },
1089
- "$type": "number"
1090
- }
1091
- }
1092
- },
1093
- "elevation-4": {
1094
- "$type": "shadow",
1095
- "$value": {
1096
- "x": {
1097
- "$value": {
1098
- "value": 0,
1099
- "unit": "px"
1100
- },
1101
- "$type": "number"
1102
- },
1103
- "y": {
1104
- "$value": {
1105
- "value": 12,
1106
- "unit": "px"
1107
- },
1108
- "$type": "number"
1109
- },
1110
- "blur": {
1111
- "$value": {
1112
- "value": 24,
1113
- "unit": "px"
1114
- },
1115
- "$type": "number"
1116
- },
1117
- "spread": {
1118
- "$value": {
1119
- "value": 0,
1120
- "unit": "px"
1121
- },
1122
- "$type": "number"
1123
- },
1124
- "color": {
1125
- "$value": "{brand.modes.light.palettes.neutral.500.color.tone}",
1126
- "$type": "color"
1127
- },
1128
- "opacity": {
1129
- "$value": {
1130
- "value": 84,
1131
- "unit": "percentage"
1132
- },
1133
- "$type": "number"
1134
- }
1135
- }
1136
- }
1137
- }
1138
- },
1139
- "dark": {
1140
- "layers": {
1141
- "layer-0": {
1142
- "elements": {
1143
- "interactive": {
1144
- "color": {
1145
- "$type": "color",
1146
- "$value": "{brand.modes.dark.palettes.core-colors.interactive.tone}"
1147
- }
1148
- },
1149
- "text": {
1150
- "warning": {
1151
- "$type": "color",
1152
- "$value": "{brand.modes.dark.palettes.core-colors.warning.tone}"
1153
- },
1154
- "success": {
1155
- "$type": "color",
1156
- "$value": "{brand.modes.dark.palettes.core-colors.success.tone}"
1157
- },
1158
- "color": {
1159
- "$type": "color",
1160
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1161
- },
1162
- "alert": {
1163
- "$type": "color",
1164
- "$value": "{tokens.colors.scale-05.100}"
1165
- }
1166
- }
1167
- },
1168
- "properties": {
1169
- "elevation": {
1170
- "$value": "{brand.modes.dark.elevations.elevation-0}",
1171
- "$extensions": {
1172
- "recursica.type": "elevation"
1173
- }
1174
- },
1175
- "surface": {
1176
- "$type": "color",
1177
- "$value": "{brand.modes.dark.palettes.neutral.000.color.tone}"
1178
- },
1179
- "padding": {
1180
- "$type": "number",
1181
- "$value": "{tokens.sizes.3x}"
1182
- },
1183
- "border-color": {
1184
- "$type": "color",
1185
- "$value": "{brand.modes.dark.palettes.neutral.100.color.tone}"
1186
- },
1187
- "border-radius": {
1188
- "$type": "number",
1189
- "$value": "{tokens.sizes.3x}"
1190
- },
1191
- "border-size": {
1192
- "$type": "number",
1193
- "$value": {
1194
- "value": 0,
1195
- "unit": "px"
1196
- }
1197
- }
1198
- }
1199
- },
1200
- "layer-1": {
1201
- "properties": {
1202
- "border-size": {
1203
- "$type": "number",
1204
- "$value": {
1205
- "value": 2,
1206
- "unit": "px"
1207
- }
1208
- },
1209
- "elevation": {
1210
- "$value": "{brand.modes.dark.elevations.elevation-0}",
1211
- "$extensions": {
1212
- "recursica.type": "elevation"
1213
- }
1214
- },
1215
- "border-radius": {
1216
- "$type": "number",
1217
- "$value": "{tokens.sizes.3x}"
1218
- },
1219
- "border-color": {
1220
- "$type": "color",
1221
- "$value": "{brand.modes.dark.palettes.neutral.100.color.tone}"
1222
- },
1223
- "surface": {
1224
- "$type": "color",
1225
- "$value": "{brand.modes.dark.palettes.neutral.050.color.tone}"
1226
- },
1227
- "padding": {
1228
- "$type": "number",
1229
- "$value": "{tokens.sizes.3x}"
1230
- }
1231
- },
1232
- "elements": {
1233
- "text": {
1234
- "warning": {
1235
- "$type": "color",
1236
- "$value": "{brand.modes.dark.palettes.core-colors.warning.tone}"
1237
- },
1238
- "success": {
1239
- "$type": "color",
1240
- "$value": "{brand.modes.dark.palettes.core-colors.success.tone}"
1241
- },
1242
- "alert": {
1243
- "$type": "color",
1244
- "$value": "{tokens.colors.scale-05.100}"
1245
- },
1246
- "color": {
1247
- "$type": "color",
1248
- "$value": "{brand.modes.dark.palettes.neutral.050.color.on-tone}"
1249
- }
1250
- },
1251
- "interactive": {
1252
- "color": {
1253
- "$type": "color",
1254
- "$value": "{brand.modes.dark.palettes.core-colors.interactive.tone}"
1255
- }
1256
- }
1257
- }
1258
- },
1259
- "layer-3": {
1260
- "properties": {
1261
- "elevation": {
1262
- "$value": "{brand.modes.dark.elevations.elevation-4}",
1263
- "$extensions": {
1264
- "recursica.type": "elevation"
1265
- }
1266
- },
1267
- "border-radius": {
1268
- "$type": "number",
1269
- "$value": "{tokens.sizes.default}"
1270
- },
1271
- "surface": {
1272
- "$type": "color",
1273
- "$value": "{brand.modes.dark.palettes.neutral.200.color.tone}"
1274
- },
1275
- "padding": {
1276
- "$type": "number",
1277
- "$value": "{tokens.sizes.2x}"
1278
- },
1279
- "border-color": {
1280
- "$type": "color",
1281
- "$value": "{brand.modes.dark.palettes.neutral.300.color.tone}"
1282
- },
1283
- "border-size": {
1284
- "$type": "number",
1285
- "$value": {
1286
- "value": 0,
1287
- "unit": "px"
1288
- }
1289
- }
1290
- },
1291
- "elements": {
1292
- "text": {
1293
- "warning": {
1294
- "$type": "color",
1295
- "$value": "{tokens.colors.scale-04.100}"
1296
- },
1297
- "success": {
1298
- "$type": "color",
1299
- "$value": "{brand.modes.dark.palettes.core-colors.success.tone}"
1300
- },
1301
- "alert": {
1302
- "$type": "color",
1303
- "$value": "{tokens.colors.scale-05.050}"
1304
- },
1305
- "color": {
1306
- "$type": "color",
1307
- "$value": "{brand.modes.dark.palettes.neutral.200.color.on-tone}"
1308
- }
1309
- },
1310
- "interactive": {
1311
- "color": {
1312
- "$type": "color",
1313
- "$value": "{tokens.colors.scale-06.100}"
1314
- }
1315
- }
1316
- }
1317
- },
1318
- "layer-2": {
1319
- "elements": {
1320
- "text": {
1321
- "success": {
1322
- "$type": "color",
1323
- "$value": "{brand.modes.dark.palettes.core-colors.success.tone}"
1324
- },
1325
- "alert": {
1326
- "$type": "color",
1327
- "$value": "{tokens.colors.scale-05.100}"
1328
- },
1329
- "color": {
1330
- "$type": "color",
1331
- "$value": "{brand.modes.dark.palettes.neutral.100.color.on-tone}"
1332
- },
1333
- "warning": {
1334
- "$type": "color",
1335
- "$value": "{brand.modes.dark.palettes.core-colors.warning.tone}"
1336
- }
1337
- },
1338
- "interactive": {
1339
- "color": {
1340
- "$type": "color",
1341
- "$value": "{brand.modes.dark.palettes.core-colors.interactive.tone}"
1342
- }
1343
- }
1344
- },
1345
- "properties": {
1346
- "surface": {
1347
- "$type": "color",
1348
- "$value": "{brand.modes.dark.palettes.neutral.050.color.tone}"
1349
- },
1350
- "padding": {
1351
- "$type": "number",
1352
- "$value": "{tokens.sizes.2x}"
1353
- },
1354
- "elevation": {
1355
- "$value": "{brand.modes.dark.elevations.elevation-2}",
1356
- "$extensions": {
1357
- "recursica.type": "elevation"
1358
- }
1359
- },
1360
- "border-radius": {
1361
- "$type": "number",
1362
- "$value": "{tokens.sizes.2x}"
1363
- },
1364
- "border-color": {
1365
- "$type": "color",
1366
- "$value": "{brand.modes.dark.palettes.neutral.200.color.tone}"
1367
- },
1368
- "border-size": {
1369
- "$type": "number",
1370
- "$value": {
1371
- "value": 0,
1372
- "unit": "px"
1373
- }
1374
- }
1375
- }
1376
- }
1377
- },
1378
- "states": {
1379
- "disabled": {
1380
- "$type": "number",
1381
- "$value": "{tokens.opacities.ghost}"
1382
- },
1383
- "hover": {
1384
- "color": {
1385
- "$type": "color",
1386
- "$value": "{brand.modes.dark.palettes.neutral.400.color.tone}"
1387
- },
1388
- "opacity": {
1389
- "$type": "number",
1390
- "$value": "{tokens.opacities.mist}"
1391
- }
1392
- },
1393
- "link": {
1394
- "decoration": {
1395
- "$type": "string",
1396
- "$value": "underline"
1397
- },
1398
- "style": {
1399
- "$type": "string",
1400
- "$value": "normal"
1401
- },
1402
- "weight": {
1403
- "$type": "string",
1404
- "$value": "400"
1405
- }
1406
- },
1407
- "focus": {
1408
- "color": {
1409
- "$type": "color",
1410
- "$value": "{brand.modes.dark.palettes.core-colors.interactive.tone}"
1411
- },
1412
- "border-size": {
1413
- "$type": "number",
1414
- "$value": {
1415
- "value": 1,
1416
- "unit": "px"
1417
- }
1418
- },
1419
- "margin": {
1420
- "$type": "number",
1421
- "$value": {
1422
- "value": 2,
1423
- "unit": "px"
1424
- }
1425
- },
1426
- "blur": {
1427
- "$type": "number",
1428
- "$value": {
1429
- "value": 4,
1430
- "unit": "px"
1431
- }
1432
- }
1433
- },
1434
- "overlay": {
1435
- "color": {
1436
- "$type": "color",
1437
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1438
- },
1439
- "opacity": {
1440
- "$type": "number",
1441
- "$value": "{tokens.opacities.ghost}"
1442
- }
1443
- }
1444
- },
1445
- "text-emphasis": {
1446
- "low": {
1447
- "$type": "number",
1448
- "$value": "{tokens.opacities.smoky}"
1449
- },
1450
- "high": {
1451
- "$type": "number",
1452
- "$value": "{tokens.opacities.solid}"
1453
- }
1454
- },
1455
- "palettes": {
1456
- "neutral": {
1457
- "100": {
1458
- "color": {
1459
- "$type": "color",
1460
- "tone": {
1461
- "$type": "color",
1462
- "$value": "{tokens.colors.scale-01.800}"
1463
- },
1464
- "on-tone": {
1465
- "$type": "color",
1466
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1467
- }
1468
- }
1469
- },
1470
- "200": {
1471
- "color": {
1472
- "$type": "color",
1473
- "tone": {
1474
- "$type": "color",
1475
- "$value": "{tokens.colors.scale-01.700}"
1476
- },
1477
- "on-tone": {
1478
- "$type": "color",
1479
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1480
- }
1481
- }
1482
- },
1483
- "300": {
1484
- "color": {
1485
- "$type": "color",
1486
- "tone": {
1487
- "$type": "color",
1488
- "$value": "{tokens.colors.scale-01.600}"
1489
- },
1490
- "on-tone": {
1491
- "$type": "color",
1492
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1493
- }
1494
- }
1495
- },
1496
- "400": {
1497
- "color": {
1498
- "$type": "color",
1499
- "tone": {
1500
- "$type": "color",
1501
- "$value": "{tokens.colors.scale-01.500}"
1502
- },
1503
- "on-tone": {
1504
- "$type": "color",
1505
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1506
- }
1507
- }
1508
- },
1509
- "500": {
1510
- "color": {
1511
- "$type": "color",
1512
- "tone": {
1513
- "$type": "color",
1514
- "$value": "{tokens.colors.scale-01.400}"
1515
- },
1516
- "on-tone": {
1517
- "$type": "color",
1518
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1519
- }
1520
- }
1521
- },
1522
- "600": {
1523
- "color": {
1524
- "$type": "color",
1525
- "tone": {
1526
- "$type": "color",
1527
- "$value": "{tokens.colors.scale-01.300}"
1528
- },
1529
- "on-tone": {
1530
- "$type": "color",
1531
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1532
- }
1533
- }
1534
- },
1535
- "700": {
1536
- "color": {
1537
- "$type": "color",
1538
- "tone": {
1539
- "$type": "color",
1540
- "$value": "{tokens.colors.scale-01.200}"
1541
- },
1542
- "on-tone": {
1543
- "$type": "color",
1544
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1545
- }
1546
- }
1547
- },
1548
- "800": {
1549
- "color": {
1550
- "$type": "color",
1551
- "tone": {
1552
- "$type": "color",
1553
- "$value": "{tokens.colors.scale-01.100}"
1554
- },
1555
- "on-tone": {
1556
- "$type": "color",
1557
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1558
- }
1559
- }
1560
- },
1561
- "900": {
1562
- "color": {
1563
- "$type": "color",
1564
- "tone": {
1565
- "$type": "color",
1566
- "$value": "{tokens.colors.scale-01.050}"
1567
- },
1568
- "on-tone": {
1569
- "$type": "color",
1570
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1571
- }
1572
- }
1573
- },
1574
- "1000": {
1575
- "color": {
1576
- "$type": "color",
1577
- "tone": {
1578
- "$type": "color",
1579
- "$value": "{tokens.colors.scale-01.000}"
1580
- },
1581
- "on-tone": {
1582
- "$type": "color",
1583
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1584
- }
1585
- }
1586
- },
1587
- "000": {
1588
- "color": {
1589
- "$type": "color",
1590
- "tone": {
1591
- "$type": "color",
1592
- "$value": "{tokens.colors.scale-01.1000}"
1593
- },
1594
- "on-tone": {
1595
- "$type": "color",
1596
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1597
- }
1598
- }
1599
- },
1600
- "050": {
1601
- "color": {
1602
- "$type": "color",
1603
- "tone": {
1604
- "$type": "color",
1605
- "$value": "{tokens.colors.scale-01.900}"
1606
- },
1607
- "on-tone": {
1608
- "$type": "color",
1609
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1610
- }
1611
- }
1612
- },
1613
- "default": {
1614
- "color": {
1615
- "$type": "color",
1616
- "tone": {
1617
- "$type": "color",
1618
- "$value": "{brand.modes.dark.palettes.neutral.800.color.tone}"
1619
- },
1620
- "on-tone": {
1621
- "$type": "color",
1622
- "$value": "{brand.modes.dark.palettes.neutral.800.color.on-tone}"
1623
- }
1624
- }
1625
- }
1626
- },
1627
- "palette-1": {
1628
- "100": {
1629
- "color": {
1630
- "$type": "color",
1631
- "tone": {
1632
- "$type": "color",
1633
- "$value": "{tokens.colors.scale-06.800}"
1634
- },
1635
- "on-tone": {
1636
- "$type": "color",
1637
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1638
- }
1639
- }
1640
- },
1641
- "200": {
1642
- "color": {
1643
- "$type": "color",
1644
- "tone": {
1645
- "$type": "color",
1646
- "$value": "{tokens.colors.scale-06.700}"
1647
- },
1648
- "on-tone": {
1649
- "$type": "color",
1650
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1651
- }
1652
- }
1653
- },
1654
- "300": {
1655
- "color": {
1656
- "$type": "color",
1657
- "tone": {
1658
- "$type": "color",
1659
- "$value": "{tokens.colors.scale-06.600}"
1660
- },
1661
- "on-tone": {
1662
- "$type": "color",
1663
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1664
- }
1665
- }
1666
- },
1667
- "400": {
1668
- "color": {
1669
- "$type": "color",
1670
- "tone": {
1671
- "$type": "color",
1672
- "$value": "{tokens.colors.scale-06.500}"
1673
- },
1674
- "on-tone": {
1675
- "$type": "color",
1676
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1677
- }
1678
- }
1679
- },
1680
- "500": {
1681
- "color": {
1682
- "$type": "color",
1683
- "tone": {
1684
- "$type": "color",
1685
- "$value": "{tokens.colors.scale-06.400}"
1686
- },
1687
- "on-tone": {
1688
- "$type": "color",
1689
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1690
- }
1691
- }
1692
- },
1693
- "600": {
1694
- "color": {
1695
- "$type": "color",
1696
- "tone": {
1697
- "$type": "color",
1698
- "$value": "{tokens.colors.scale-06.300}"
1699
- },
1700
- "on-tone": {
1701
- "$type": "color",
1702
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1703
- }
1704
- }
1705
- },
1706
- "700": {
1707
- "color": {
1708
- "$type": "color",
1709
- "tone": {
1710
- "$type": "color",
1711
- "$value": "{tokens.colors.scale-06.200}"
1712
- },
1713
- "on-tone": {
1714
- "$type": "color",
1715
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1716
- }
1717
- }
1718
- },
1719
- "800": {
1720
- "color": {
1721
- "$type": "color",
1722
- "tone": {
1723
- "$type": "color",
1724
- "$value": "{tokens.colors.scale-06.100}"
1725
- },
1726
- "on-tone": {
1727
- "$type": "color",
1728
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1729
- }
1730
- }
1731
- },
1732
- "900": {
1733
- "color": {
1734
- "$type": "color",
1735
- "tone": {
1736
- "$type": "color",
1737
- "$value": "{tokens.colors.scale-06.050}"
1738
- },
1739
- "on-tone": {
1740
- "$type": "color",
1741
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1742
- }
1743
- }
1744
- },
1745
- "1000": {
1746
- "color": {
1747
- "$type": "color",
1748
- "tone": {
1749
- "$type": "color",
1750
- "$value": "{tokens.colors.scale-06.000}"
1751
- },
1752
- "on-tone": {
1753
- "$type": "color",
1754
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1755
- }
1756
- }
1757
- },
1758
- "000": {
1759
- "color": {
1760
- "$type": "color",
1761
- "tone": {
1762
- "$type": "color",
1763
- "$value": "{tokens.colors.scale-06.1000}"
1764
- },
1765
- "on-tone": {
1766
- "$type": "color",
1767
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1768
- }
1769
- }
1770
- },
1771
- "050": {
1772
- "color": {
1773
- "$type": "color",
1774
- "tone": {
1775
- "$type": "color",
1776
- "$value": "{tokens.colors.scale-06.900}"
1777
- },
1778
- "on-tone": {
1779
- "$type": "color",
1780
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1781
- }
1782
- }
1783
- },
1784
- "default": {
1785
- "color": {
1786
- "$type": "color",
1787
- "tone": {
1788
- "$type": "color",
1789
- "$value": "{brand.modes.dark.palettes.palette-1.600.color.tone}"
1790
- },
1791
- "on-tone": {
1792
- "$type": "color",
1793
- "$value": "{brand.modes.dark.palettes.palette-1.600.color.on-tone}"
1794
- }
1795
- }
1796
- }
1797
- },
1798
- "palette-2": {
1799
- "100": {
1800
- "color": {
1801
- "$type": "color",
1802
- "tone": {
1803
- "$type": "color",
1804
- "$value": "{tokens.colors.scale-02.800}"
1805
- },
1806
- "on-tone": {
1807
- "$type": "color",
1808
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1809
- }
1810
- }
1811
- },
1812
- "200": {
1813
- "color": {
1814
- "$type": "color",
1815
- "tone": {
1816
- "$type": "color",
1817
- "$value": "{tokens.colors.scale-02.700}"
1818
- },
1819
- "on-tone": {
1820
- "$type": "color",
1821
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1822
- }
1823
- }
1824
- },
1825
- "300": {
1826
- "color": {
1827
- "$type": "color",
1828
- "tone": {
1829
- "$type": "color",
1830
- "$value": "{tokens.colors.scale-02.600}"
1831
- },
1832
- "on-tone": {
1833
- "$type": "color",
1834
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1835
- }
1836
- }
1837
- },
1838
- "400": {
1839
- "color": {
1840
- "$type": "color",
1841
- "tone": {
1842
- "$type": "color",
1843
- "$value": "{tokens.colors.scale-02.500}"
1844
- },
1845
- "on-tone": {
1846
- "$type": "color",
1847
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1848
- }
1849
- }
1850
- },
1851
- "500": {
1852
- "color": {
1853
- "$type": "color",
1854
- "tone": {
1855
- "$type": "color",
1856
- "$value": "{tokens.colors.scale-02.400}"
1857
- },
1858
- "on-tone": {
1859
- "$type": "color",
1860
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1861
- }
1862
- }
1863
- },
1864
- "600": {
1865
- "color": {
1866
- "$type": "color",
1867
- "tone": {
1868
- "$type": "color",
1869
- "$value": "{tokens.colors.scale-02.300}"
1870
- },
1871
- "on-tone": {
1872
- "$type": "color",
1873
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1874
- }
1875
- }
1876
- },
1877
- "700": {
1878
- "color": {
1879
- "$type": "color",
1880
- "tone": {
1881
- "$type": "color",
1882
- "$value": "{tokens.colors.scale-02.200}"
1883
- },
1884
- "on-tone": {
1885
- "$type": "color",
1886
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1887
- }
1888
- }
1889
- },
1890
- "800": {
1891
- "color": {
1892
- "$type": "color",
1893
- "tone": {
1894
- "$type": "color",
1895
- "$value": "{tokens.colors.scale-02.100}"
1896
- },
1897
- "on-tone": {
1898
- "$type": "color",
1899
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1900
- }
1901
- }
1902
- },
1903
- "900": {
1904
- "color": {
1905
- "$type": "color",
1906
- "tone": {
1907
- "$type": "color",
1908
- "$value": "{tokens.colors.scale-02.050}"
1909
- },
1910
- "on-tone": {
1911
- "$type": "color",
1912
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1913
- }
1914
- }
1915
- },
1916
- "1000": {
1917
- "color": {
1918
- "$type": "color",
1919
- "tone": {
1920
- "$type": "color",
1921
- "$value": "{tokens.colors.scale-02.000}"
1922
- },
1923
- "on-tone": {
1924
- "$type": "color",
1925
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1926
- }
1927
- }
1928
- },
1929
- "000": {
1930
- "color": {
1931
- "$type": "color",
1932
- "tone": {
1933
- "$type": "color",
1934
- "$value": "{tokens.colors.scale-02.1000}"
1935
- },
1936
- "on-tone": {
1937
- "$type": "color",
1938
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1939
- }
1940
- }
1941
- },
1942
- "050": {
1943
- "color": {
1944
- "$type": "color",
1945
- "tone": {
1946
- "$type": "color",
1947
- "$value": "{tokens.colors.scale-02.900}"
1948
- },
1949
- "on-tone": {
1950
- "$type": "color",
1951
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1952
- }
1953
- }
1954
- },
1955
- "default": {
1956
- "color": {
1957
- "$type": "color",
1958
- "tone": {
1959
- "$type": "color",
1960
- "$value": "{brand.modes.dark.palettes.palette-2.600.color.tone}"
1961
- },
1962
- "on-tone": {
1963
- "$type": "color",
1964
- "$value": "{brand.modes.dark.palettes.palette-2.600.color.on-tone}"
1965
- }
1966
- }
1967
- }
1968
- },
1969
- "core-colors": {
1970
- "high-contrast": {
1971
- "tone": {
1972
- "$type": "color",
1973
- "$value": "{tokens.colors.scale-01.000}"
1974
- },
1975
- "on-tone": {
1976
- "$type": "color",
1977
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
1978
- },
1979
- "interactive": {
1980
- "$type": "color",
1981
- "$value": "{tokens.colors.scale-06.400}"
1982
- }
1983
- },
1984
- "low-contrast": {
1985
- "tone": {
1986
- "$type": "color",
1987
- "$value": "{tokens.colors.scale-01.1000}"
1988
- },
1989
- "on-tone": {
1990
- "$type": "color",
1991
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
1992
- },
1993
- "interactive": {
1994
- "$type": "color",
1995
- "$value": "{tokens.colors.scale-06.300}"
1996
- }
1997
- },
1998
- "alert": {
1999
- "tone": {
2000
- "$type": "color",
2001
- "$value": "{tokens.colors.scale-05.600}"
2002
- },
2003
- "on-tone": {
2004
- "$type": "color",
2005
- "$value": "{brand.modes.dark.palettes.core-colors.high-contrast.tone}"
2006
- },
2007
- "interactive": {
2008
- "$type": "color",
2009
- "$value": "{tokens.colors.scale-06.100}"
2010
- }
2011
- },
2012
- "success": {
2013
- "tone": {
2014
- "$type": "color",
2015
- "$value": "{tokens.colors.scale-03.100}"
2016
- },
2017
- "on-tone": {
2018
- "$type": "color",
2019
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
2020
- },
2021
- "interactive": {
2022
- "$type": "color",
2023
- "$value": "{tokens.colors.scale-06.800}"
2024
- }
2025
- },
2026
- "warning": {
2027
- "tone": {
2028
- "$type": "color",
2029
- "$value": "{tokens.colors.scale-04.200}"
2030
- },
2031
- "on-tone": {
2032
- "$type": "color",
2033
- "$value": "{brand.modes.dark.palettes.core-colors.low-contrast.tone}"
2034
- },
2035
- "interactive": {
2036
- "$type": "color",
2037
- "$value": "{tokens.colors.scale-06.800}"
2038
- }
2039
- },
2040
- "interactive": {
2041
- "tone": {
2042
- "$type": "color",
2043
- "$value": "{tokens.colors.scale-06.200}"
2044
- },
2045
- "on-tone": {
2046
- "$value": "{tokens.colors.scale-06.800}"
2047
- }
2048
- }
2049
- }
2050
- },
2051
- "elevations": {
2052
- "elevation-0": {
2053
- "$type": "shadow",
2054
- "$value": {
2055
- "x": {
2056
- "$value": {
2057
- "value": 0,
2058
- "unit": "px"
2059
- },
2060
- "$type": "number"
2061
- },
2062
- "y": {
2063
- "$value": {
2064
- "value": 0,
2065
- "unit": "px"
2066
- },
2067
- "$type": "number"
2068
- },
2069
- "blur": {
2070
- "$value": {
2071
- "value": 0,
2072
- "unit": "px"
2073
- },
2074
- "$type": "number"
2075
- },
2076
- "spread": {
2077
- "$value": {
2078
- "value": 0,
2079
- "unit": "px"
2080
- },
2081
- "$type": "number"
2082
- },
2083
- "color": {
2084
- "$value": "{brand.modes.dark.palettes.neutral.500.color.tone}",
2085
- "$type": "color"
2086
- },
2087
- "opacity": {
2088
- "$value": {
2089
- "value": 0,
2090
- "unit": "percentage"
2091
- },
2092
- "$type": "number"
2093
- }
2094
- }
2095
- },
2096
- "elevation-1": {
2097
- "$type": "shadow",
2098
- "$value": {
2099
- "x": {
2100
- "$value": {
2101
- "value": 0,
2102
- "unit": "px"
2103
- },
2104
- "$type": "number"
2105
- },
2106
- "y": {
2107
- "$value": {
2108
- "value": 1,
2109
- "unit": "px"
2110
- },
2111
- "$type": "number"
2112
- },
2113
- "blur": {
2114
- "$value": {
2115
- "value": 3,
2116
- "unit": "px"
2117
- },
2118
- "$type": "number"
2119
- },
2120
- "spread": {
2121
- "$value": {
2122
- "value": 0,
2123
- "unit": "px"
2124
- },
2125
- "$type": "number"
2126
- },
2127
- "color": {
2128
- "$value": "{brand.modes.dark.palettes.neutral.500.color.tone}",
2129
- "$type": "color"
2130
- },
2131
- "opacity": {
2132
- "$value": {
2133
- "value": 84,
2134
- "unit": "percentage"
2135
- },
2136
- "$type": "number"
2137
- }
2138
- }
2139
- },
2140
- "elevation-2": {
2141
- "$type": "shadow",
2142
- "$value": {
2143
- "x": {
2144
- "$value": {
2145
- "value": 0,
2146
- "unit": "px"
2147
- },
2148
- "$type": "number"
2149
- },
2150
- "y": {
2151
- "$value": {
2152
- "value": 2,
2153
- "unit": "px"
2154
- },
2155
- "$type": "number"
2156
- },
2157
- "blur": {
2158
- "$value": {
2159
- "value": 6,
2160
- "unit": "px"
2161
- },
2162
- "$type": "number"
2163
- },
2164
- "spread": {
2165
- "$value": {
2166
- "value": 0,
2167
- "unit": "px"
2168
- },
2169
- "$type": "number"
2170
- },
2171
- "color": {
2172
- "$value": "{brand.modes.dark.palettes.neutral.500.color.tone}",
2173
- "$type": "color"
2174
- },
2175
- "opacity": {
2176
- "$value": {
2177
- "value": 84,
2178
- "unit": "percentage"
2179
- },
2180
- "$type": "number"
2181
- }
2182
- }
2183
- },
2184
- "elevation-3": {
2185
- "$type": "shadow",
2186
- "$value": {
2187
- "x": {
2188
- "$value": {
2189
- "value": 0,
2190
- "unit": "px"
2191
- },
2192
- "$type": "number"
2193
- },
2194
- "y": {
2195
- "$value": {
2196
- "value": 4,
2197
- "unit": "px"
2198
- },
2199
- "$type": "number"
2200
- },
2201
- "blur": {
2202
- "$value": {
2203
- "value": 12,
2204
- "unit": "px"
2205
- },
2206
- "$type": "number"
2207
- },
2208
- "spread": {
2209
- "$value": {
2210
- "value": 0,
2211
- "unit": "px"
2212
- },
2213
- "$type": "number"
2214
- },
2215
- "color": {
2216
- "$value": "{brand.modes.dark.palettes.neutral.500.color.tone}",
2217
- "$type": "color"
2218
- },
2219
- "opacity": {
2220
- "$value": {
2221
- "value": 84,
2222
- "unit": "percentage"
2223
- },
2224
- "$type": "number"
2225
- }
2226
- }
2227
- },
2228
- "elevation-4": {
2229
- "$type": "shadow",
2230
- "$value": {
2231
- "x": {
2232
- "$value": {
2233
- "value": 0,
2234
- "unit": "px"
2235
- },
2236
- "$type": "number"
2237
- },
2238
- "y": {
2239
- "$value": {
2240
- "value": 8,
2241
- "unit": "px"
2242
- },
2243
- "$type": "number"
2244
- },
2245
- "blur": {
2246
- "$value": {
2247
- "value": 24,
2248
- "unit": "px"
2249
- },
2250
- "$type": "number"
2251
- },
2252
- "spread": {
2253
- "$value": {
2254
- "value": 0,
2255
- "unit": "px"
2256
- },
2257
- "$type": "number"
2258
- },
2259
- "color": {
2260
- "$value": "{brand.modes.dark.palettes.neutral.500.color.tone}",
2261
- "$type": "color"
2262
- },
2263
- "opacity": {
2264
- "$value": {
2265
- "value": 84,
2266
- "unit": "percentage"
2267
- },
2268
- "$type": "number"
2269
- }
2270
- }
2271
- }
2272
- }
2273
- }
2274
- },
2275
- "layout-grids": {
2276
- "default": {
2277
- "columns": {
2278
- "$type": "number",
2279
- "$value": 6
2280
- },
2281
- "row-gutter": {
2282
- "$type": "number",
2283
- "$value": "{tokens.sizes.3x}"
2284
- },
2285
- "column-gutter": {
2286
- "$type": "number",
2287
- "$value": "{tokens.sizes.2x}"
2288
- },
2289
- "margin": {
2290
- "$type": "number",
2291
- "$value": "{tokens.sizes.3x}"
2292
- }
2293
- }
2294
- },
2295
- "dimensions": {
2296
- "icons": {
2297
- "sm": {
2298
- "$type": "number",
2299
- "$value": "{tokens.sizes.2x}"
2300
- },
2301
- "lg": {
2302
- "$type": "number",
2303
- "$value": "{tokens.sizes.4x}"
2304
- },
2305
- "default": {
2306
- "$type": "number",
2307
- "$value": "{tokens.sizes.3x}"
2308
- },
2309
- "xs": {
2310
- "$type": "number",
2311
- "$value": "{tokens.sizes.1-5x}"
2312
- }
2313
- },
2314
- "gutters": {
2315
- "horizontal": {
2316
- "$type": "number",
2317
- "$value": "{tokens.sizes.2x}"
2318
- },
2319
- "vertical": {
2320
- "$type": "number",
2321
- "$value": "{tokens.sizes.3x}"
2322
- }
2323
- },
2324
- "border-radii": {
2325
- "none": {
2326
- "$type": "number",
2327
- "$value": "{tokens.sizes.none}"
2328
- },
2329
- "sm": {
2330
- "$type": "number",
2331
- "$value": "{tokens.sizes.0-5x}"
2332
- },
2333
- "default": {
2334
- "$type": "number",
2335
- "$value": "{tokens.sizes.default}"
2336
- },
2337
- "lg": {
2338
- "$type": "number",
2339
- "$value": "{tokens.sizes.2x}"
2340
- },
2341
- "xl": {
2342
- "$type": "number",
2343
- "$value": "{tokens.sizes.3x}"
2344
- },
2345
- "2xl": {
2346
- "$type": "number",
2347
- "$value": "{tokens.sizes.4x}"
2348
- }
2349
- },
2350
- "general": {
2351
- "none": {
2352
- "$type": "number",
2353
- "$value": "{tokens.sizes.none}"
2354
- },
2355
- "sm": {
2356
- "$type": "number",
2357
- "$value": "{tokens.sizes.0-5x}"
2358
- },
2359
- "md": {
2360
- "$type": "number",
2361
- "$value": "{tokens.sizes.1-5x}"
2362
- },
2363
- "default": {
2364
- "$type": "number",
2365
- "$value": "{tokens.sizes.default}"
2366
- },
2367
- "lg": {
2368
- "$type": "number",
2369
- "$value": "{tokens.sizes.2x}"
2370
- },
2371
- "xl": {
2372
- "$type": "number",
2373
- "$value": "{tokens.sizes.3x}"
2374
- },
2375
- "2xl": {
2376
- "$type": "number",
2377
- "$value": "{tokens.sizes.4x}"
2378
- }
2379
- },
2380
- "text-size": {
2381
- "2xs": {
2382
- "$type": "number",
2383
- "$value": "{tokens.font.sizes.2xs}"
2384
- },
2385
- "xs": {
2386
- "$type": "number",
2387
- "$value": "{tokens.font.sizes.xs}"
2388
- },
2389
- "sm": {
2390
- "$type": "number",
2391
- "$value": "{tokens.font.sizes.sm}"
2392
- },
2393
- "default": {
2394
- "$type": "number",
2395
- "$value": "{tokens.font.sizes.md}"
2396
- },
2397
- "md": {
2398
- "$type": "number",
2399
- "$value": "{tokens.font.sizes.md}"
2400
- },
2401
- "lg": {
2402
- "$type": "number",
2403
- "$value": "{tokens.font.sizes.lg}"
2404
- },
2405
- "xl": {
2406
- "$type": "number",
2407
- "$value": "{tokens.font.sizes.xl}"
2408
- },
2409
- "2xl": {
2410
- "$type": "number",
2411
- "$value": "{tokens.font.sizes.2xl}"
2412
- },
2413
- "3xl": {
2414
- "$type": "number",
2415
- "$value": "{tokens.font.sizes.3xl}"
2416
- },
2417
- "4xl": {
2418
- "$type": "number",
2419
- "$value": "{tokens.font.sizes.4xl}"
2420
- },
2421
- "5xl": {
2422
- "$type": "number",
2423
- "$value": "{tokens.font.sizes.5xl}"
2424
- },
2425
- "6xl": {
2426
- "$type": "number",
2427
- "$value": "{tokens.font.sizes.6xl}"
2428
- }
2429
- }
2430
- },
2431
- "typography": {
2432
- "h1": {
2433
- "$type": "typography",
2434
- "$value": {
2435
- "fontFamily": "{brand.fonts.primary}",
2436
- "fontSize": "{tokens.font.sizes.6xl}",
2437
- "fontWeight": "{tokens.font.weights.bold}",
2438
- "fontStyle": "{tokens.font.styles.normal}",
2439
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2440
- "lineHeight": "{tokens.font.line-heights.shortest}",
2441
- "textCase": "{tokens.font.cases.original}",
2442
- "textDecoration": "{tokens.font.decorations.none}"
2443
- }
2444
- },
2445
- "h2": {
2446
- "$type": "typography",
2447
- "$value": {
2448
- "fontFamily": "{brand.fonts.primary}",
2449
- "fontSize": "{tokens.font.sizes.5xl}",
2450
- "fontWeight": "{tokens.font.weights.semi-bold}",
2451
- "fontStyle": "{tokens.font.styles.normal}",
2452
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2453
- "lineHeight": "{tokens.font.line-heights.shortest}",
2454
- "textCase": "{tokens.font.cases.original}",
2455
- "textDecoration": "{tokens.font.decorations.none}"
2456
- }
2457
- },
2458
- "h3": {
2459
- "$type": "typography",
2460
- "$value": {
2461
- "fontFamily": "{brand.fonts.primary}",
2462
- "fontSize": "{tokens.font.sizes.4xl}",
2463
- "fontWeight": "{tokens.font.weights.regular}",
2464
- "fontStyle": "{tokens.font.styles.normal}",
2465
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2466
- "lineHeight": "{tokens.font.line-heights.shortest}",
2467
- "textCase": "{tokens.font.cases.original}",
2468
- "textDecoration": "{tokens.font.decorations.none}"
2469
- }
2470
- },
2471
- "h4": {
2472
- "$type": "typography",
2473
- "$value": {
2474
- "fontFamily": "{brand.fonts.primary}",
2475
- "fontSize": "{tokens.font.sizes.3xl}",
2476
- "fontWeight": "{tokens.font.weights.bold}",
2477
- "fontStyle": "{tokens.font.styles.normal}",
2478
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2479
- "lineHeight": "{tokens.font.line-heights.shorter}",
2480
- "textCase": "{tokens.font.cases.original}",
2481
- "textDecoration": "{tokens.font.decorations.none}"
2482
- }
2483
- },
2484
- "h5": {
2485
- "$type": "typography",
2486
- "$value": {
2487
- "fontFamily": "{brand.fonts.primary}",
2488
- "fontSize": "{tokens.font.sizes.2xl}",
2489
- "fontWeight": "{tokens.font.weights.medium}",
2490
- "fontStyle": "{tokens.font.styles.normal}",
2491
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2492
- "lineHeight": "{tokens.font.line-heights.shorter}",
2493
- "textCase": "{tokens.font.cases.original}",
2494
- "textDecoration": "{tokens.font.decorations.none}"
2495
- }
2496
- },
2497
- "h6": {
2498
- "$type": "typography",
2499
- "$value": {
2500
- "fontFamily": "{brand.fonts.primary}",
2501
- "fontSize": "{tokens.font.sizes.xl}",
2502
- "fontWeight": "{tokens.font.weights.regular}",
2503
- "fontStyle": "{tokens.font.styles.normal}",
2504
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2505
- "lineHeight": "{tokens.font.line-heights.short}",
2506
- "textCase": "{tokens.font.cases.original}",
2507
- "textDecoration": "{tokens.font.decorations.none}"
2508
- }
2509
- },
2510
- "body": {
2511
- "$type": "typography",
2512
- "$value": {
2513
- "fontFamily": "{brand.fonts.secondary}",
2514
- "fontSize": "{tokens.font.sizes.md}",
2515
- "fontWeight": "{tokens.font.weights.regular}",
2516
- "fontStyle": "{tokens.font.styles.normal}",
2517
- "letterSpacing": "{tokens.font.letter-spacings.default}",
2518
- "lineHeight": "{tokens.font.line-heights.tallest}",
2519
- "textCase": "{tokens.font.cases.original}",
2520
- "textDecoration": "{tokens.font.decorations.none}"
2521
- }
2522
- },
2523
- "caption": {
2524
- "$type": "typography",
2525
- "$value": {
2526
- "fontFamily": "{brand.fonts.secondary}",
2527
- "fontSize": "{tokens.font.sizes.xs}",
2528
- "fontWeight": "{tokens.font.weights.regular}",
2529
- "fontStyle": "{tokens.font.styles.normal}",
2530
- "letterSpacing": "{tokens.font.letter-spacings.wide}",
2531
- "lineHeight": "{tokens.font.line-heights.tall}",
2532
- "textCase": "{tokens.font.cases.original}",
2533
- "textDecoration": "{tokens.font.decorations.none}"
2534
- }
2535
- },
2536
- "overline": {
2537
- "$type": "typography",
2538
- "$value": {
2539
- "fontFamily": "{brand.fonts.secondary}",
2540
- "fontSize": "{tokens.font.sizes.2xs}",
2541
- "fontWeight": "{tokens.font.weights.medium}",
2542
- "fontStyle": "{tokens.font.styles.normal}",
2543
- "letterSpacing": "{tokens.font.letter-spacings.wide}",
2544
- "lineHeight": "{tokens.font.line-heights.default}",
2545
- "textCase": "{tokens.font.cases.uppercase}",
2546
- "textDecoration": "{tokens.font.decorations.none}"
2547
- }
2548
- }
2549
- },
2550
- "fonts": {
2551
- "$type": "fontFamily",
2552
- "primary": {
2553
- "$type": "fontFamily",
2554
- "$value": "{tokens.font.typefaces.dongle}"
2555
- },
2556
- "secondary": {
2557
- "$type": "fontFamily",
2558
- "$value": "{tokens.font.typefaces.nunito-sans}"
2559
- }
2560
- },
2561
- "layer": {
2562
- "0": {
2563
- "elements": {
2564
- "interactive": {
2565
- "tone": {
2566
- "$type": "color",
2567
- "$value": "{tokens.colors.scale-06.200}"
2568
- }
2569
- }
2570
- }
2571
- },
2572
- "1": {
2573
- "elements": {
2574
- "interactive": {
2575
- "tone": {
2576
- "$type": "color",
2577
- "$value": "{tokens.colors.scale-06.400}"
2578
- }
2579
- }
2580
- }
2581
- },
2582
- "2": {
2583
- "elements": {
2584
- "interactive": {
2585
- "tone": {
2586
- "$type": "color",
2587
- "$value": "{tokens.colors.scale-06.400}"
2588
- }
2589
- }
2590
- }
2591
- },
2592
- "3": {
2593
- "elements": {
2594
- "interactive": {
2595
- "tone": {
2596
- "$type": "color",
2597
- "$value": "{tokens.colors.scale-06.400}"
2598
- }
2599
- }
2600
- }
2601
- }
2602
- }
2603
- },
2604
- "$extensions": {
2605
- "recursica.metadata": {
2606
- "exportedAt": "2026-10-02T22:19:36.595Z",
2607
- "version": "0.29.0"
2608
- }
2609
- }
2610
- }