@nova-design-system/nova-base 3.25.0 → 3.27.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 (11) hide show
  1. package/assets/icons/icon-sprite.svg +1 -1
  2. package/dist/cjs/generated/nova-tailwind-components.js +36 -0
  3. package/dist/cjs/plugin/nova-plugin.js +32 -8
  4. package/dist/css/nova-utils.css +12 -0
  5. package/dist/generated/nova-tailwind-components.d.ts +36 -0
  6. package/dist/generated/nova-tailwind-components.js +36 -0
  7. package/dist/plugin/nova-plugin.js +32 -8
  8. package/generated/figma-to-tailwind-mapping.json +2344 -0
  9. package/generated/nova-tailwind-components.ts +698 -0
  10. package/generated/nova-tailwind-tokens.ts +590 -0
  11. package/package.json +5 -2
package/generated/figma-to-tailwind-mapping.json ADDED
@@ -0,0 +1,2344 @@
1
+ {
2
+ "metadata": {
3
+ "generatedAt": "2026-03-02T12:35:16.755Z",
4
+ "themes": [
5
+ "ocean",
6
+ "spark"
7
+ ],
8
+ "modes": [
9
+ "light",
10
+ "dark"
11
+ ],
12
+ "totalTokens": 194
13
+ },
14
+ "tokens": [
15
+ {
16
+ "type": "background",
17
+ "figmaToken": "--color-dont-use-background",
18
+ "tailwindClass": ".bg-dont-use",
19
+ "cssProperty": "background-color",
20
+ "values": {
21
+ "oceanLight": "#f5f6f7",
22
+ "oceanDark": "#0b0f11",
23
+ "sparkLight": "#f6f6f6",
24
+ "sparkDark": "#0e0e0e"
25
+ }
26
+ },
27
+ {
28
+ "type": "background",
29
+ "figmaToken": "--color-feedback-error-high-background",
30
+ "tailwindClass": ".bg-feedback-error-high",
31
+ "cssProperty": "background-color",
32
+ "values": {
33
+ "oceanLight": "#ff6161",
34
+ "oceanDark": "#ff6161",
35
+ "sparkLight": "#ff6161",
36
+ "sparkDark": "#ff6161"
37
+ }
38
+ },
39
+ {
40
+ "type": "background",
41
+ "figmaToken": "--color-feedback-error-high-contrast-background",
42
+ "tailwindClass": ".bg-feedback-error-high-contrast",
43
+ "cssProperty": "background-color",
44
+ "values": {
45
+ "oceanLight": "#bb1919",
46
+ "oceanDark": "#ff6161",
47
+ "sparkLight": "#bb1919",
48
+ "sparkDark": "#ff6161"
49
+ }
50
+ },
51
+ {
52
+ "type": "background",
53
+ "figmaToken": "--color-feedback-error-low-background",
54
+ "tailwindClass": ".bg-feedback-error-low",
55
+ "cssProperty": "background-color",
56
+ "values": {
57
+ "oceanLight": "#ffeded",
58
+ "oceanDark": "#380101",
59
+ "sparkLight": "#ffeded",
60
+ "sparkDark": "#380101"
61
+ }
62
+ },
63
+ {
64
+ "type": "background",
65
+ "figmaToken": "--color-feedback-information-high-background",
66
+ "tailwindClass": ".bg-feedback-information-high",
67
+ "cssProperty": "background-color",
68
+ "values": {
69
+ "oceanLight": "#659fff",
70
+ "oceanDark": "#659fff",
71
+ "sparkLight": "#659fff",
72
+ "sparkDark": "#659fff"
73
+ }
74
+ },
75
+ {
76
+ "type": "background",
77
+ "figmaToken": "--color-feedback-information-high-contrast-background",
78
+ "tailwindClass": ".bg-feedback-information-high-contrast",
79
+ "cssProperty": "background-color",
80
+ "values": {
81
+ "oceanLight": "#659fff",
82
+ "oceanDark": "#659fff",
83
+ "sparkLight": "#09285c",
84
+ "sparkDark": "#659fff"
85
+ }
86
+ },
87
+ {
88
+ "type": "background",
89
+ "figmaToken": "--color-feedback-information-low-background",
90
+ "tailwindClass": ".bg-feedback-information-low",
91
+ "cssProperty": "background-color",
92
+ "values": {
93
+ "oceanLight": "#f0f6ff",
94
+ "oceanDark": "#001c37",
95
+ "sparkLight": "#f0f6ff",
96
+ "sparkDark": "#001c37"
97
+ }
98
+ },
99
+ {
100
+ "type": "background",
101
+ "figmaToken": "--color-feedback-neutral-high-background",
102
+ "tailwindClass": ".bg-feedback-neutral-high",
103
+ "cssProperty": "background-color",
104
+ "values": {
105
+ "oceanLight": "#9fadb2",
106
+ "oceanDark": "#9fadb2",
107
+ "sparkLight": "#a9a9a9",
108
+ "sparkDark": "#a9a9a9"
109
+ }
110
+ },
111
+ {
112
+ "type": "background",
113
+ "figmaToken": "--color-feedback-neutral-high-contrast-background",
114
+ "tailwindClass": ".bg-feedback-neutral-high-contrast",
115
+ "cssProperty": "background-color",
116
+ "values": {
117
+ "oceanLight": "#3f555e",
118
+ "oceanDark": "#9fadb2",
119
+ "sparkLight": "#4f4f4f",
120
+ "sparkDark": "#a9a9a9"
121
+ }
122
+ },
123
+ {
124
+ "type": "background",
125
+ "figmaToken": "--color-feedback-neutral-low-background",
126
+ "tailwindClass": ".bg-feedback-neutral-low",
127
+ "cssProperty": "background-color",
128
+ "values": {
129
+ "oceanLight": "#f5f6f7",
130
+ "oceanDark": "#171f22",
131
+ "sparkLight": "#f6f6f6",
132
+ "sparkDark": "#1d1d1d"
133
+ }
134
+ },
135
+ {
136
+ "type": "background",
137
+ "figmaToken": "--color-feedback-success-high-background",
138
+ "tailwindClass": ".bg-feedback-success-high",
139
+ "cssProperty": "background-color",
140
+ "values": {
141
+ "oceanLight": "#45d24d",
142
+ "oceanDark": "#6bde71",
143
+ "sparkLight": "#45d24d",
144
+ "sparkDark": "#6bde71"
145
+ }
146
+ },
147
+ {
148
+ "type": "background",
149
+ "figmaToken": "--color-feedback-success-high-contrast-background",
150
+ "tailwindClass": ".bg-feedback-success-high-contrast",
151
+ "cssProperty": "background-color",
152
+ "values": {
153
+ "oceanLight": "#008207",
154
+ "oceanDark": "#45d24d",
155
+ "sparkLight": "#008207",
156
+ "sparkDark": "#45d24d"
157
+ }
158
+ },
159
+ {
160
+ "type": "background",
161
+ "figmaToken": "--color-feedback-success-low-background",
162
+ "tailwindClass": ".bg-feedback-success-low",
163
+ "cssProperty": "background-color",
164
+ "values": {
165
+ "oceanLight": "#eafeeb",
166
+ "oceanDark": "#002302",
167
+ "sparkLight": "#eafeeb",
168
+ "sparkDark": "#002302"
169
+ }
170
+ },
171
+ {
172
+ "type": "background",
173
+ "figmaToken": "--color-feedback-warning-high-background",
174
+ "tailwindClass": ".bg-feedback-warning-high",
175
+ "cssProperty": "background-color",
176
+ "values": {
177
+ "oceanLight": "#e0a917",
178
+ "oceanDark": "#e0a917",
179
+ "sparkLight": "#e0a917",
180
+ "sparkDark": "#e0a917"
181
+ }
182
+ },
183
+ {
184
+ "type": "background",
185
+ "figmaToken": "--color-feedback-warning-high-contrast-background",
186
+ "tailwindClass": ".bg-feedback-warning-high-contrast",
187
+ "cssProperty": "background-color",
188
+ "values": {
189
+ "oceanLight": "#805c00",
190
+ "oceanDark": "#e0a917",
191
+ "sparkLight": "#805c00",
192
+ "sparkDark": "#e0a917"
193
+ }
194
+ },
195
+ {
196
+ "type": "background",
197
+ "figmaToken": "--color-feedback-warning-low-background",
198
+ "tailwindClass": ".bg-feedback-warning-low",
199
+ "cssProperty": "background-color",
200
+ "values": {
201
+ "oceanLight": "#fff7df",
202
+ "oceanDark": "#302300",
203
+ "sparkLight": "#fff7df",
204
+ "sparkDark": "#302300"
205
+ }
206
+ },
207
+ {
208
+ "type": "background",
209
+ "figmaToken": "--color-focus-background",
210
+ "tailwindClass": ".bg-focus",
211
+ "cssProperty": "background-color",
212
+ "values": {
213
+ "oceanLight": "#ffffff",
214
+ "oceanDark": "#0b0f11",
215
+ "sparkLight": "#ffffff",
216
+ "sparkDark": "#0e0e0e"
217
+ }
218
+ },
219
+ {
220
+ "type": "background",
221
+ "figmaToken": "--color-focus-background-inverted",
222
+ "tailwindClass": ".bg-focus-inverted",
223
+ "cssProperty": "background-color",
224
+ "values": {
225
+ "oceanLight": "#0b0f11",
226
+ "oceanDark": "#ffffff",
227
+ "sparkLight": "#0e0e0e",
228
+ "sparkDark": "#ffffff"
229
+ }
230
+ },
231
+ {
232
+ "type": "background",
233
+ "figmaToken": "--color-interaction-container-branded-high-background",
234
+ "tailwindClass": ".bg-interaction-container-branded-high",
235
+ "cssProperty": "background-color",
236
+ "values": {
237
+ "oceanLight": "#1f717d",
238
+ "oceanDark": "#258998",
239
+ "sparkLight": "#e75420",
240
+ "sparkDark": "#e75420"
241
+ }
242
+ },
243
+ {
244
+ "type": "background",
245
+ "figmaToken": "--color-interaction-container-branded-high-background-active",
246
+ "tailwindClass": ".bg-interaction-container-branded-high-active",
247
+ "cssProperty": "background-color",
248
+ "values": {
249
+ "oceanLight": "#185963",
250
+ "oceanDark": "#4b9eaa",
251
+ "sparkLight": "#bf451a",
252
+ "sparkDark": "#eb7247"
253
+ }
254
+ },
255
+ {
256
+ "type": "background",
257
+ "figmaToken": "--color-interaction-container-branded-high-background-hover",
258
+ "tailwindClass": ".bg-interaction-container-branded-high-hover",
259
+ "cssProperty": "background-color",
260
+ "values": {
261
+ "oceanLight": "#185963",
262
+ "oceanDark": "#4b9eaa",
263
+ "sparkLight": "#bf451a",
264
+ "sparkDark": "#eb7247"
265
+ }
266
+ },
267
+ {
268
+ "type": "background",
269
+ "figmaToken": "--color-interaction-container-branded-low-background",
270
+ "tailwindClass": ".bg-interaction-container-branded-low",
271
+ "cssProperty": "background-color",
272
+ "values": {
273
+ "oceanLight": "#ffffff",
274
+ "oceanDark": "#0b0f11",
275
+ "sparkLight": "#ffffff",
276
+ "sparkDark": "#0e0e0e"
277
+ }
278
+ },
279
+ {
280
+ "type": "background",
281
+ "figmaToken": "--color-interaction-container-branded-low-background-active",
282
+ "tailwindClass": ".bg-interaction-container-branded-low-active",
283
+ "cssProperty": "background-color",
284
+ "values": {
285
+ "oceanLight": "#e4f0f2",
286
+ "oceanDark": "#0b292e",
287
+ "sparkLight": "#fceae3",
288
+ "sparkDark": "#45190a"
289
+ }
290
+ },
291
+ {
292
+ "type": "background",
293
+ "figmaToken": "--color-interaction-container-branded-low-background-hover",
294
+ "tailwindClass": ".bg-interaction-container-branded-low-hover",
295
+ "cssProperty": "background-color",
296
+ "values": {
297
+ "oceanLight": "#e4f0f2",
298
+ "oceanDark": "#0b292e",
299
+ "sparkLight": "#fceae3",
300
+ "sparkDark": "#45190a"
301
+ }
302
+ },
303
+ {
304
+ "type": "background",
305
+ "figmaToken": "--color-interaction-container-neutral-background",
306
+ "tailwindClass": ".bg-interaction-container-neutral",
307
+ "cssProperty": "background-color",
308
+ "values": {
309
+ "oceanLight": "rgba(255, 255, 255, 0)",
310
+ "oceanDark": "rgba(0, 0, 0, 0)",
311
+ "sparkLight": "rgba(255, 255, 255, 0)",
312
+ "sparkDark": "rgba(0, 0, 0, 0)"
313
+ }
314
+ },
315
+ {
316
+ "type": "background",
317
+ "figmaToken": "--color-interaction-container-neutral-background-active",
318
+ "tailwindClass": ".bg-interaction-container-neutral-active",
319
+ "cssProperty": "background-color",
320
+ "values": {
321
+ "oceanLight": "#e4f0f2",
322
+ "oceanDark": "#0b292e",
323
+ "sparkLight": "#fceae3",
324
+ "sparkDark": "#45190a"
325
+ }
326
+ },
327
+ {
328
+ "type": "background",
329
+ "figmaToken": "--color-interaction-container-neutral-background-hover",
330
+ "tailwindClass": ".bg-interaction-container-neutral-hover",
331
+ "cssProperty": "background-color",
332
+ "values": {
333
+ "oceanLight": "#f5f6f7",
334
+ "oceanDark": "#171f22",
335
+ "sparkLight": "#f6f6f6",
336
+ "sparkDark": "#1d1d1d"
337
+ }
338
+ },
339
+ {
340
+ "type": "background",
341
+ "figmaToken": "--color-level-00-background",
342
+ "tailwindClass": ".bg-level-00",
343
+ "cssProperty": "background-color",
344
+ "values": {
345
+ "oceanLight": "#ffffff",
346
+ "oceanDark": "#0b0f11",
347
+ "sparkLight": "#ffffff",
348
+ "sparkDark": "#0e0e0e"
349
+ }
350
+ },
351
+ {
352
+ "type": "background",
353
+ "figmaToken": "--color-level-05-background",
354
+ "tailwindClass": ".bg-level-05",
355
+ "cssProperty": "background-color",
356
+ "values": {
357
+ "oceanLight": "#fafbfb",
358
+ "oceanDark": "#11171a",
359
+ "sparkLight": "#fbfbfb",
360
+ "sparkDark": "#161616"
361
+ }
362
+ },
363
+ {
364
+ "type": "background",
365
+ "figmaToken": "--color-level-10-background",
366
+ "tailwindClass": ".bg-level-10",
367
+ "cssProperty": "background-color",
368
+ "values": {
369
+ "oceanLight": "#f5f6f7",
370
+ "oceanDark": "#171f22",
371
+ "sparkLight": "#f6f6f6",
372
+ "sparkDark": "#1d1d1d"
373
+ }
374
+ },
375
+ {
376
+ "type": "background",
377
+ "figmaToken": "--color-level-15-background",
378
+ "tailwindClass": ".bg-level-15",
379
+ "cssProperty": "background-color",
380
+ "values": {
381
+ "oceanLight": "#eaeef0",
382
+ "oceanDark": "#171f22",
383
+ "sparkLight": "#ededed",
384
+ "sparkDark": "#252525"
385
+ }
386
+ },
387
+ {
388
+ "type": "background",
389
+ "figmaToken": "--color-level-20-background",
390
+ "tailwindClass": ".bg-level-20",
391
+ "cssProperty": "background-color",
392
+ "values": {
393
+ "oceanLight": "#ffffff",
394
+ "oceanDark": "#222e33",
395
+ "sparkLight": "#ffffff",
396
+ "sparkDark": "#2b2b2b"
397
+ }
398
+ },
399
+ {
400
+ "type": "background",
401
+ "figmaToken": "--color-level-30-background",
402
+ "tailwindClass": ".bg-level-30",
403
+ "cssProperty": "background-color",
404
+ "values": {
405
+ "oceanLight": "#f5f6f7",
406
+ "oceanDark": "#2e3e44",
407
+ "sparkLight": "#f6f6f6",
408
+ "sparkDark": "#3a3a3a"
409
+ }
410
+ },
411
+ {
412
+ "type": "background",
413
+ "figmaToken": "--color-level-40-background",
414
+ "tailwindClass": ".bg-level-40",
415
+ "cssProperty": "background-color",
416
+ "values": {
417
+ "oceanLight": "#ffffff",
418
+ "oceanDark": "#394d55",
419
+ "sparkLight": "#ffffff",
420
+ "sparkDark": "#484848"
421
+ }
422
+ },
423
+ {
424
+ "type": "background",
425
+ "figmaToken": "--color-level-inverted-00-background",
426
+ "tailwindClass": ".bg-level-inverted-00",
427
+ "cssProperty": "background-color",
428
+ "values": {
429
+ "oceanLight": "#0b0f11",
430
+ "oceanDark": "#ffffff",
431
+ "sparkLight": "#0e0e0e",
432
+ "sparkDark": "#ffffff"
433
+ }
434
+ },
435
+ {
436
+ "type": "background",
437
+ "figmaToken": "--color-level-inverted-05-background",
438
+ "tailwindClass": ".bg-level-inverted-05",
439
+ "cssProperty": "background-color",
440
+ "values": {
441
+ "oceanLight": "#11171a",
442
+ "oceanDark": "#fafbfb",
443
+ "sparkLight": "#161616",
444
+ "sparkDark": "#fbfbfb"
445
+ }
446
+ },
447
+ {
448
+ "type": "background",
449
+ "figmaToken": "--color-level-inverted-10-background",
450
+ "tailwindClass": ".bg-level-inverted-10",
451
+ "cssProperty": "background-color",
452
+ "values": {
453
+ "oceanLight": "#171f22",
454
+ "oceanDark": "#f5f6f7",
455
+ "sparkLight": "#1d1d1d",
456
+ "sparkDark": "#f6f6f6"
457
+ }
458
+ },
459
+ {
460
+ "type": "background",
461
+ "figmaToken": "--color-level-inverted-15-background",
462
+ "tailwindClass": ".bg-level-inverted-15",
463
+ "cssProperty": "background-color",
464
+ "values": {
465
+ "oceanLight": "#1e272b",
466
+ "oceanDark": "#eaeef0",
467
+ "sparkLight": "#252525",
468
+ "sparkDark": "#ededed"
469
+ }
470
+ },
471
+ {
472
+ "type": "background",
473
+ "figmaToken": "--color-level-inverted-20-background",
474
+ "tailwindClass": ".bg-level-inverted-20",
475
+ "cssProperty": "background-color",
476
+ "values": {
477
+ "oceanLight": "#222e33",
478
+ "oceanDark": "#ffffff",
479
+ "sparkLight": "#2b2b2b",
480
+ "sparkDark": "#ffffff"
481
+ }
482
+ },
483
+ {
484
+ "type": "background",
485
+ "figmaToken": "--color-level-inverted-30-background",
486
+ "tailwindClass": ".bg-level-inverted-30",
487
+ "cssProperty": "background-color",
488
+ "values": {
489
+ "oceanLight": "#2e3e44",
490
+ "oceanDark": "#f5f6f7",
491
+ "sparkLight": "#3a3a3a",
492
+ "sparkDark": "#f6f6f6"
493
+ }
494
+ },
495
+ {
496
+ "type": "background",
497
+ "figmaToken": "--color-level-inverted-40-background",
498
+ "tailwindClass": ".bg-level-inverted-40",
499
+ "cssProperty": "background-color",
500
+ "values": {
501
+ "oceanLight": "#394d55",
502
+ "oceanDark": "#ffffff",
503
+ "sparkLight": "#484848",
504
+ "sparkDark": "#ffffff"
505
+ }
506
+ },
507
+ {
508
+ "type": "background",
509
+ "figmaToken": "--color-rainbow-1-background",
510
+ "tailwindClass": ".bg-rainbow-1",
511
+ "cssProperty": "background-color",
512
+ "values": {
513
+ "oceanLight": "#fdefe2",
514
+ "oceanDark": "#432306",
515
+ "sparkLight": "#fdefe2",
516
+ "sparkDark": "#432306"
517
+ }
518
+ },
519
+ {
520
+ "type": "background",
521
+ "figmaToken": "--color-rainbow-10-background",
522
+ "tailwindClass": ".bg-rainbow-10",
523
+ "cssProperty": "background-color",
524
+ "values": {
525
+ "oceanLight": "#eaeef0",
526
+ "oceanDark": "#27353b",
527
+ "sparkLight": "#ededed",
528
+ "sparkDark": "#313131"
529
+ }
530
+ },
531
+ {
532
+ "type": "background",
533
+ "figmaToken": "--color-rainbow-2-background",
534
+ "tailwindClass": ".bg-rainbow-2",
535
+ "cssProperty": "background-color",
536
+ "values": {
537
+ "oceanLight": "#fceae3",
538
+ "oceanDark": "#45190a",
539
+ "sparkLight": "#fceae3",
540
+ "sparkDark": "#45190a"
541
+ }
542
+ },
543
+ {
544
+ "type": "background",
545
+ "figmaToken": "--color-rainbow-3-background",
546
+ "tailwindClass": ".bg-rainbow-3",
547
+ "cssProperty": "background-color",
548
+ "values": {
549
+ "oceanLight": "#ffecb3",
550
+ "oceanDark": "#4d3a00",
551
+ "sparkLight": "#ffecb3",
552
+ "sparkDark": "#4d3a00"
553
+ }
554
+ },
555
+ {
556
+ "type": "background",
557
+ "figmaToken": "--color-rainbow-4-background",
558
+ "tailwindClass": ".bg-rainbow-4",
559
+ "cssProperty": "background-color",
560
+ "values": {
561
+ "oceanLight": "#f9e3e3",
562
+ "oceanDark": "#610e0e",
563
+ "sparkLight": "#f9e3e3",
564
+ "sparkDark": "#610e0e"
565
+ }
566
+ },
567
+ {
568
+ "type": "background",
569
+ "figmaToken": "--color-rainbow-5-background",
570
+ "tailwindClass": ".bg-rainbow-5",
571
+ "cssProperty": "background-color",
572
+ "values": {
573
+ "oceanLight": "#ecf4f3",
574
+ "oceanDark": "#1c2b28",
575
+ "sparkLight": "#ecf4f3",
576
+ "sparkDark": "#1c2b28"
577
+ }
578
+ },
579
+ {
580
+ "type": "background",
581
+ "figmaToken": "--color-rainbow-6-background",
582
+ "tailwindClass": ".bg-rainbow-6",
583
+ "cssProperty": "background-color",
584
+ "values": {
585
+ "oceanLight": "#f7e9ee",
586
+ "oceanDark": "#490019",
587
+ "sparkLight": "#f7e9ee",
588
+ "sparkDark": "#490019"
589
+ }
590
+ },
591
+ {
592
+ "type": "background",
593
+ "figmaToken": "--color-rainbow-7-background",
594
+ "tailwindClass": ".bg-rainbow-7",
595
+ "cssProperty": "background-color",
596
+ "values": {
597
+ "oceanLight": "#e2f0e2",
598
+ "oceanDark": "#09400c",
599
+ "sparkLight": "#e2f0e2",
600
+ "sparkDark": "#09400c"
601
+ }
602
+ },
603
+ {
604
+ "type": "background",
605
+ "figmaToken": "--color-rainbow-8-background",
606
+ "tailwindClass": ".bg-rainbow-8",
607
+ "cssProperty": "background-color",
608
+ "values": {
609
+ "oceanLight": "#e4f0f2",
610
+ "oceanDark": "#124148",
611
+ "sparkLight": "#e4f0f2",
612
+ "sparkDark": "#124148"
613
+ }
614
+ },
615
+ {
616
+ "type": "background",
617
+ "figmaToken": "--color-rainbow-9-background",
618
+ "tailwindClass": ".bg-rainbow-9",
619
+ "cssProperty": "background-color",
620
+ "values": {
621
+ "oceanLight": "#f1f4e5",
622
+ "oceanDark": "#2a330e",
623
+ "sparkLight": "#f1f4e5",
624
+ "sparkDark": "#2a330e"
625
+ }
626
+ },
627
+ {
628
+ "type": "border",
629
+ "figmaToken": "--color-content-high-border",
630
+ "tailwindClass": ".border-high",
631
+ "cssProperty": "border-color",
632
+ "values": {
633
+ "oceanLight": "#889499",
634
+ "oceanDark": "#889499",
635
+ "sparkLight": "#919191",
636
+ "sparkDark": "#919191"
637
+ }
638
+ },
639
+ {
640
+ "type": "border",
641
+ "figmaToken": "--color-content-low-border",
642
+ "tailwindClass": ".border-low",
643
+ "cssProperty": "border-color",
644
+ "values": {
645
+ "oceanLight": "#e1e4e6",
646
+ "oceanDark": "#394d55",
647
+ "sparkLight": "#e3e3e3",
648
+ "sparkDark": "#484848"
649
+ }
650
+ },
651
+ {
652
+ "type": "border",
653
+ "figmaToken": "--color-content-medium-border",
654
+ "tailwindClass": ".border-medium",
655
+ "cssProperty": "border-color",
656
+ "values": {
657
+ "oceanLight": "#bac1c4",
658
+ "oceanDark": "#617177",
659
+ "sparkLight": "#bfbfbf",
660
+ "sparkDark": "#6d6d6d"
661
+ }
662
+ },
663
+ {
664
+ "type": "border",
665
+ "figmaToken": "--color-dont-use-border",
666
+ "tailwindClass": ".border-dont-use",
667
+ "cssProperty": "border-color",
668
+ "values": {
669
+ "oceanLight": "#c6ced1",
670
+ "oceanDark": "#1e272b",
671
+ "sparkLight": "#e3e3e3",
672
+ "sparkDark": "#252525"
673
+ }
674
+ },
675
+ {
676
+ "type": "border",
677
+ "figmaToken": "--color-feedback-error-high-border",
678
+ "tailwindClass": ".border-feedback-error-high",
679
+ "cssProperty": "border-color",
680
+ "values": {
681
+ "oceanLight": "#ff6161",
682
+ "oceanDark": "#ff6161",
683
+ "sparkLight": "#ff6161",
684
+ "sparkDark": "#ff6161"
685
+ }
686
+ },
687
+ {
688
+ "type": "border",
689
+ "figmaToken": "--color-feedback-error-high-contrast-border",
690
+ "tailwindClass": ".border-feedback-error-high-contrast",
691
+ "cssProperty": "border-color",
692
+ "values": {
693
+ "oceanLight": "#bb1919",
694
+ "oceanDark": "#ff6161",
695
+ "sparkLight": "#bb1919",
696
+ "sparkDark": "#ff6161"
697
+ }
698
+ },
699
+ {
700
+ "type": "border",
701
+ "figmaToken": "--color-feedback-error-low-border",
702
+ "tailwindClass": ".border-feedback-error-low",
703
+ "cssProperty": "border-color",
704
+ "values": {
705
+ "oceanLight": "#bb1919",
706
+ "oceanDark": "#ff6161",
707
+ "sparkLight": "#bb1919",
708
+ "sparkDark": "#ff6161"
709
+ }
710
+ },
711
+ {
712
+ "type": "border",
713
+ "figmaToken": "--color-feedback-information-high-border",
714
+ "tailwindClass": ".border-feedback-information-high",
715
+ "cssProperty": "border-color",
716
+ "values": {
717
+ "oceanLight": "#659fff",
718
+ "oceanDark": "#659fff",
719
+ "sparkLight": "#659fff",
720
+ "sparkDark": "#659fff"
721
+ }
722
+ },
723
+ {
724
+ "type": "border",
725
+ "figmaToken": "--color-feedback-information-high-contrast-border",
726
+ "tailwindClass": ".border-feedback-information-high-contrast",
727
+ "cssProperty": "border-color",
728
+ "values": {
729
+ "oceanLight": "#659fff",
730
+ "oceanDark": "#659fff",
731
+ "sparkLight": "#09285c",
732
+ "sparkDark": "#659fff"
733
+ }
734
+ },
735
+ {
736
+ "type": "border",
737
+ "figmaToken": "--color-feedback-information-low-border",
738
+ "tailwindClass": ".border-feedback-information-low",
739
+ "cssProperty": "border-color",
740
+ "values": {
741
+ "oceanLight": "#2660c2",
742
+ "oceanDark": "#659fff",
743
+ "sparkLight": "#2660c2",
744
+ "sparkDark": "#659fff"
745
+ }
746
+ },
747
+ {
748
+ "type": "border",
749
+ "figmaToken": "--color-feedback-neutral-high-border",
750
+ "tailwindClass": ".border-feedback-neutral-high",
751
+ "cssProperty": "border-color",
752
+ "values": {
753
+ "oceanLight": "#9fadb2",
754
+ "oceanDark": "#9fadb2",
755
+ "sparkLight": "#a9a9a9",
756
+ "sparkDark": "#a9a9a9"
757
+ }
758
+ },
759
+ {
760
+ "type": "border",
761
+ "figmaToken": "--color-feedback-neutral-high-contrast-border",
762
+ "tailwindClass": ".border-feedback-neutral-high-contrast",
763
+ "cssProperty": "border-color",
764
+ "values": {
765
+ "oceanLight": "#3f555e",
766
+ "oceanDark": "#9fadb2",
767
+ "sparkLight": "#4f4f4f",
768
+ "sparkDark": "#a9a9a9"
769
+ }
770
+ },
771
+ {
772
+ "type": "border",
773
+ "figmaToken": "--color-feedback-neutral-low-border",
774
+ "tailwindClass": ".border-feedback-neutral-low",
775
+ "cssProperty": "border-color",
776
+ "values": {
777
+ "oceanLight": "#3f555e",
778
+ "oceanDark": "#9fadb2",
779
+ "sparkLight": "#4f4f4f",
780
+ "sparkDark": "#a9a9a9"
781
+ }
782
+ },
783
+ {
784
+ "type": "border",
785
+ "figmaToken": "--color-feedback-success-high-border",
786
+ "tailwindClass": ".border-feedback-success-high",
787
+ "cssProperty": "border-color",
788
+ "values": {
789
+ "oceanLight": "#45d24d",
790
+ "oceanDark": "#6bde71",
791
+ "sparkLight": "#45d24d",
792
+ "sparkDark": "#6bde71"
793
+ }
794
+ },
795
+ {
796
+ "type": "border",
797
+ "figmaToken": "--color-feedback-success-high-contrast-border",
798
+ "tailwindClass": ".border-feedback-success-high-contrast",
799
+ "cssProperty": "border-color",
800
+ "values": {
801
+ "oceanLight": "#008207",
802
+ "oceanDark": "#45d24d",
803
+ "sparkLight": "#008207",
804
+ "sparkDark": "#45d24d"
805
+ }
806
+ },
807
+ {
808
+ "type": "border",
809
+ "figmaToken": "--color-feedback-success-low-border",
810
+ "tailwindClass": ".border-feedback-success-low",
811
+ "cssProperty": "border-color",
812
+ "values": {
813
+ "oceanLight": "#008207",
814
+ "oceanDark": "#45d24d",
815
+ "sparkLight": "#008207",
816
+ "sparkDark": "#45d24d"
817
+ }
818
+ },
819
+ {
820
+ "type": "border",
821
+ "figmaToken": "--color-feedback-warning-high-border",
822
+ "tailwindClass": ".border-feedback-warning-high",
823
+ "cssProperty": "border-color",
824
+ "values": {
825
+ "oceanLight": "#e0a917",
826
+ "oceanDark": "#e0a917",
827
+ "sparkLight": "#e0a917",
828
+ "sparkDark": "#e0a917"
829
+ }
830
+ },
831
+ {
832
+ "type": "border",
833
+ "figmaToken": "--color-feedback-warning-high-contrast-border",
834
+ "tailwindClass": ".border-feedback-warning-high-contrast",
835
+ "cssProperty": "border-color",
836
+ "values": {
837
+ "oceanLight": "#805c00",
838
+ "oceanDark": "#e0a917",
839
+ "sparkLight": "#805c00",
840
+ "sparkDark": "#e0a917"
841
+ }
842
+ },
843
+ {
844
+ "type": "border",
845
+ "figmaToken": "--color-feedback-warning-low-border",
846
+ "tailwindClass": ".border-feedback-warning-low",
847
+ "cssProperty": "border-color",
848
+ "values": {
849
+ "oceanLight": "#805c00",
850
+ "oceanDark": "#e0a917",
851
+ "sparkLight": "#805c00",
852
+ "sparkDark": "#e0a917"
853
+ }
854
+ },
855
+ {
856
+ "type": "border",
857
+ "figmaToken": "--color-interaction-container-branded-high-border",
858
+ "tailwindClass": ".border-interaction-container-branded-high",
859
+ "cssProperty": "border-color",
860
+ "values": {
861
+ "oceanLight": "#1f717d",
862
+ "oceanDark": "#258998",
863
+ "sparkLight": "#e75420",
864
+ "sparkDark": "#e75420"
865
+ }
866
+ },
867
+ {
868
+ "type": "border",
869
+ "figmaToken": "--color-interaction-container-branded-high-border-active",
870
+ "tailwindClass": ".border-interaction-container-branded-high-active",
871
+ "cssProperty": "border-color",
872
+ "values": {
873
+ "oceanLight": "#185963",
874
+ "oceanDark": "#4b9eaa",
875
+ "sparkLight": "#bf451a",
876
+ "sparkDark": "#eb7247"
877
+ }
878
+ },
879
+ {
880
+ "type": "border",
881
+ "figmaToken": "--color-interaction-container-branded-high-border-hover",
882
+ "tailwindClass": ".border-interaction-container-branded-high-hover",
883
+ "cssProperty": "border-color",
884
+ "values": {
885
+ "oceanLight": "#185963",
886
+ "oceanDark": "#4b9eaa",
887
+ "sparkLight": "#bf451a",
888
+ "sparkDark": "#eb7247"
889
+ }
890
+ },
891
+ {
892
+ "type": "border",
893
+ "figmaToken": "--color-interaction-container-branded-low-border",
894
+ "tailwindClass": ".border-interaction-container-branded-low",
895
+ "cssProperty": "border-color",
896
+ "values": {
897
+ "oceanLight": "#1f717d",
898
+ "oceanDark": "#258998",
899
+ "sparkLight": "#e75420",
900
+ "sparkDark": "#e75420"
901
+ }
902
+ },
903
+ {
904
+ "type": "border",
905
+ "figmaToken": "--color-interaction-container-branded-low-border-active",
906
+ "tailwindClass": ".border-interaction-container-branded-low-active",
907
+ "cssProperty": "border-color",
908
+ "values": {
909
+ "oceanLight": "#185963",
910
+ "oceanDark": "#4b9eaa",
911
+ "sparkLight": "#bf451a",
912
+ "sparkDark": "#eb7247"
913
+ }
914
+ },
915
+ {
916
+ "type": "border",
917
+ "figmaToken": "--color-interaction-container-branded-low-border-hover",
918
+ "tailwindClass": ".border-interaction-container-branded-low-hover",
919
+ "cssProperty": "border-color",
920
+ "values": {
921
+ "oceanLight": "#185963",
922
+ "oceanDark": "#4b9eaa",
923
+ "sparkLight": "#bf451a",
924
+ "sparkDark": "#eb7247"
925
+ }
926
+ },
927
+ {
928
+ "type": "border",
929
+ "figmaToken": "--color-interaction-container-neutral-border",
930
+ "tailwindClass": ".border-interaction-container-neutral",
931
+ "cssProperty": "border-color",
932
+ "values": {
933
+ "oceanLight": "#617177",
934
+ "oceanDark": "#889499",
935
+ "sparkLight": "#6d6d6d",
936
+ "sparkDark": "#808080"
937
+ }
938
+ },
939
+ {
940
+ "type": "border",
941
+ "figmaToken": "--color-interaction-container-neutral-border-active",
942
+ "tailwindClass": ".border-interaction-container-neutral-active",
943
+ "cssProperty": "border-color",
944
+ "values": {
945
+ "oceanLight": "#185963",
946
+ "oceanDark": "#4b9eaa",
947
+ "sparkLight": "#bf451a",
948
+ "sparkDark": "#eb7247"
949
+ }
950
+ },
951
+ {
952
+ "type": "border",
953
+ "figmaToken": "--color-interaction-container-neutral-border-hover",
954
+ "tailwindClass": ".border-interaction-container-neutral-hover",
955
+ "cssProperty": "border-color",
956
+ "values": {
957
+ "oceanLight": "#34464d",
958
+ "oceanDark": "#bac1c4",
959
+ "sparkLight": "#414141",
960
+ "sparkDark": "#bfbfbf"
961
+ }
962
+ },
963
+ {
964
+ "type": "border",
965
+ "figmaToken": "--color-rainbow-1-border",
966
+ "tailwindClass": ".border-rainbow-1",
967
+ "cssProperty": "border-color",
968
+ "values": {
969
+ "oceanLight": "#9c5311",
970
+ "oceanDark": "#f0801a",
971
+ "sparkLight": "#9c5311",
972
+ "sparkDark": "#f0801a"
973
+ }
974
+ },
975
+ {
976
+ "type": "border",
977
+ "figmaToken": "--color-rainbow-10-border",
978
+ "tailwindClass": ".border-rainbow-10",
979
+ "cssProperty": "border-color",
980
+ "values": {
981
+ "oceanLight": "#394d55",
982
+ "oceanDark": "#9fadb2",
983
+ "sparkLight": "#484848",
984
+ "sparkDark": "#a9a9a9"
985
+ }
986
+ },
987
+ {
988
+ "type": "border",
989
+ "figmaToken": "--color-rainbow-2-border",
990
+ "tailwindClass": ".border-rainbow-2",
991
+ "cssProperty": "border-color",
992
+ "values": {
993
+ "oceanLight": "#963715",
994
+ "oceanDark": "#eb7247",
995
+ "sparkLight": "#963715",
996
+ "sparkDark": "#eb7247"
997
+ }
998
+ },
999
+ {
1000
+ "type": "border",
1001
+ "figmaToken": "--color-rainbow-3-border",
1002
+ "tailwindClass": ".border-rainbow-3",
1003
+ "cssProperty": "border-color",
1004
+ "values": {
1005
+ "oceanLight": "#795c00",
1006
+ "oceanDark": "#d29f00",
1007
+ "sparkLight": "#795c00",
1008
+ "sparkDark": "#d29f00"
1009
+ }
1010
+ },
1011
+ {
1012
+ "type": "border",
1013
+ "figmaToken": "--color-rainbow-4-border",
1014
+ "tailwindClass": ".border-rainbow-4",
1015
+ "cssProperty": "border-color",
1016
+ "values": {
1017
+ "oceanLight": "#cc1d1d",
1018
+ "oceanDark": "#e79494",
1019
+ "sparkLight": "#cc1d1d",
1020
+ "sparkDark": "#e79494"
1021
+ }
1022
+ },
1023
+ {
1024
+ "type": "border",
1025
+ "figmaToken": "--color-rainbow-5-border",
1026
+ "tailwindClass": ".border-rainbow-5",
1027
+ "cssProperty": "border-color",
1028
+ "values": {
1029
+ "oceanLight": "#32504c",
1030
+ "oceanDark": "#6aa9a0",
1031
+ "sparkLight": "#32504c",
1032
+ "sparkDark": "#6aa9a0"
1033
+ }
1034
+ },
1035
+ {
1036
+ "type": "border",
1037
+ "figmaToken": "--color-rainbow-6-border",
1038
+ "tailwindClass": ".border-rainbow-6",
1039
+ "cssProperty": "border-color",
1040
+ "values": {
1041
+ "oceanLight": "#ab2d58",
1042
+ "oceanDark": "#cf869f",
1043
+ "sparkLight": "#ab2d58",
1044
+ "sparkDark": "#cf869f"
1045
+ }
1046
+ },
1047
+ {
1048
+ "type": "border",
1049
+ "figmaToken": "--color-rainbow-7-border",
1050
+ "tailwindClass": ".border-rainbow-7",
1051
+ "cssProperty": "border-color",
1052
+ "values": {
1053
+ "oceanLight": "#106f15",
1054
+ "oceanDark": "#66b16a",
1055
+ "sparkLight": "#106f15",
1056
+ "sparkDark": "#66b16a"
1057
+ }
1058
+ },
1059
+ {
1060
+ "type": "border",
1061
+ "figmaToken": "--color-rainbow-8-border",
1062
+ "tailwindClass": ".border-rainbow-8",
1063
+ "cssProperty": "border-color",
1064
+ "values": {
1065
+ "oceanLight": "#1f717d",
1066
+ "oceanDark": "#71b2bc",
1067
+ "sparkLight": "#1f717d",
1068
+ "sparkDark": "#71b2bc"
1069
+ }
1070
+ },
1071
+ {
1072
+ "type": "border",
1073
+ "figmaToken": "--color-rainbow-9-border",
1074
+ "tailwindClass": ".border-rainbow-9",
1075
+ "cssProperty": "border-color",
1076
+ "values": {
1077
+ "oceanLight": "#5c6e1f",
1078
+ "oceanDark": "#8da930",
1079
+ "sparkLight": "#5c6e1f",
1080
+ "sparkDark": "#8da930"
1081
+ }
1082
+ },
1083
+ {
1084
+ "type": "icon",
1085
+ "figmaToken": "--color-content-high-icon",
1086
+ "tailwindClass": ".icon-high",
1087
+ "cssProperty": "color",
1088
+ "values": {
1089
+ "oceanLight": "#171f22",
1090
+ "oceanDark": "#f5f6f7",
1091
+ "sparkLight": "#1d1d1d",
1092
+ "sparkDark": "#f6f6f6"
1093
+ }
1094
+ },
1095
+ {
1096
+ "type": "icon",
1097
+ "figmaToken": "--color-content-inverted-high-icon",
1098
+ "tailwindClass": ".icon-inverted-high",
1099
+ "cssProperty": "color",
1100
+ "values": {
1101
+ "oceanLight": "#f5f6f7",
1102
+ "oceanDark": "#0b0f11",
1103
+ "sparkLight": "#f6f6f6",
1104
+ "sparkDark": "#1d1d1d"
1105
+ }
1106
+ },
1107
+ {
1108
+ "type": "icon",
1109
+ "figmaToken": "--color-content-inverted-low-icon",
1110
+ "tailwindClass": ".icon-inverted-low",
1111
+ "cssProperty": "color",
1112
+ "values": {
1113
+ "oceanLight": "#617177",
1114
+ "oceanDark": "#3f555e",
1115
+ "sparkLight": "#6d6d6d",
1116
+ "sparkDark": "#6d6d6d"
1117
+ }
1118
+ },
1119
+ {
1120
+ "type": "icon",
1121
+ "figmaToken": "--color-content-inverted-medium-icon",
1122
+ "tailwindClass": ".icon-inverted-medium",
1123
+ "cssProperty": "color",
1124
+ "values": {
1125
+ "oceanLight": "#889499",
1126
+ "oceanDark": "#27353b",
1127
+ "sparkLight": "#919191",
1128
+ "sparkDark": "#414141"
1129
+ }
1130
+ },
1131
+ {
1132
+ "type": "icon",
1133
+ "figmaToken": "--color-content-low-icon",
1134
+ "tailwindClass": ".icon-low",
1135
+ "cssProperty": "color",
1136
+ "values": {
1137
+ "oceanLight": "#617177",
1138
+ "oceanDark": "#889499",
1139
+ "sparkLight": "#6d6d6d",
1140
+ "sparkDark": "#808080"
1141
+ }
1142
+ },
1143
+ {
1144
+ "type": "icon",
1145
+ "figmaToken": "--color-content-medium-icon",
1146
+ "tailwindClass": ".icon-medium",
1147
+ "cssProperty": "color",
1148
+ "values": {
1149
+ "oceanLight": "#34464d",
1150
+ "oceanDark": "#bac1c4",
1151
+ "sparkLight": "#414141",
1152
+ "sparkDark": "#bfbfbf"
1153
+ }
1154
+ },
1155
+ {
1156
+ "type": "icon",
1157
+ "figmaToken": "--color-feedback-error-high-contrast-icon",
1158
+ "tailwindClass": ".icon-feedback-error-high-contrast",
1159
+ "cssProperty": "color",
1160
+ "values": {
1161
+ "oceanLight": "#ffffff",
1162
+ "oceanDark": "#000000",
1163
+ "sparkLight": "#ffffff",
1164
+ "sparkDark": "#000000"
1165
+ }
1166
+ },
1167
+ {
1168
+ "type": "icon",
1169
+ "figmaToken": "--color-feedback-error-high-icon",
1170
+ "tailwindClass": ".icon-feedback-error-high",
1171
+ "cssProperty": "color",
1172
+ "values": {
1173
+ "oceanLight": "#380101",
1174
+ "oceanDark": "#380101",
1175
+ "sparkLight": "#380101",
1176
+ "sparkDark": "#380101"
1177
+ }
1178
+ },
1179
+ {
1180
+ "type": "icon",
1181
+ "figmaToken": "--color-feedback-error-low-icon",
1182
+ "tailwindClass": ".icon-feedback-error-low",
1183
+ "cssProperty": "color",
1184
+ "values": {
1185
+ "oceanLight": "#bb1919",
1186
+ "oceanDark": "#ff6161",
1187
+ "sparkLight": "#bb1919",
1188
+ "sparkDark": "#ff6161"
1189
+ }
1190
+ },
1191
+ {
1192
+ "type": "icon",
1193
+ "figmaToken": "--color-feedback-information-high-contrast-icon",
1194
+ "tailwindClass": ".icon-feedback-information-high-contrast",
1195
+ "cssProperty": "color",
1196
+ "values": {
1197
+ "oceanLight": "#ffffff",
1198
+ "oceanDark": "#000000",
1199
+ "sparkLight": "#ffffff",
1200
+ "sparkDark": "#000000"
1201
+ }
1202
+ },
1203
+ {
1204
+ "type": "icon",
1205
+ "figmaToken": "--color-feedback-information-high-icon",
1206
+ "tailwindClass": ".icon-feedback-information-high",
1207
+ "cssProperty": "color",
1208
+ "values": {
1209
+ "oceanLight": "#09285c",
1210
+ "oceanDark": "#09285c",
1211
+ "sparkLight": "#09285c",
1212
+ "sparkDark": "#09285c"
1213
+ }
1214
+ },
1215
+ {
1216
+ "type": "icon",
1217
+ "figmaToken": "--color-feedback-information-low-icon",
1218
+ "tailwindClass": ".icon-feedback-information-low",
1219
+ "cssProperty": "color",
1220
+ "values": {
1221
+ "oceanLight": "#2660c2",
1222
+ "oceanDark": "#659fff",
1223
+ "sparkLight": "#2660c2",
1224
+ "sparkDark": "#659fff"
1225
+ }
1226
+ },
1227
+ {
1228
+ "type": "icon",
1229
+ "figmaToken": "--color-feedback-neutral-high-contrast-icon",
1230
+ "tailwindClass": ".icon-feedback-neutral-high-contrast",
1231
+ "cssProperty": "color",
1232
+ "values": {
1233
+ "oceanLight": "#ffffff",
1234
+ "oceanDark": "#000000",
1235
+ "sparkLight": "#ffffff",
1236
+ "sparkDark": "#000000"
1237
+ }
1238
+ },
1239
+ {
1240
+ "type": "icon",
1241
+ "figmaToken": "--color-feedback-neutral-high-icon",
1242
+ "tailwindClass": ".icon-feedback-neutral-high",
1243
+ "cssProperty": "color",
1244
+ "values": {
1245
+ "oceanLight": "#171f22",
1246
+ "oceanDark": "#171f22",
1247
+ "sparkLight": "#1d1d1d",
1248
+ "sparkDark": "#1d1d1d"
1249
+ }
1250
+ },
1251
+ {
1252
+ "type": "icon",
1253
+ "figmaToken": "--color-feedback-neutral-low-icon",
1254
+ "tailwindClass": ".icon-feedback-neutral-low",
1255
+ "cssProperty": "color",
1256
+ "values": {
1257
+ "oceanLight": "#3f555e",
1258
+ "oceanDark": "#9fadb2",
1259
+ "sparkLight": "#4f4f4f",
1260
+ "sparkDark": "#a9a9a9"
1261
+ }
1262
+ },
1263
+ {
1264
+ "type": "icon",
1265
+ "figmaToken": "--color-feedback-success-high-contrast-icon",
1266
+ "tailwindClass": ".icon-feedback-success-high-contrast",
1267
+ "cssProperty": "color",
1268
+ "values": {
1269
+ "oceanLight": "#ffffff",
1270
+ "oceanDark": "#000000",
1271
+ "sparkLight": "#ffffff",
1272
+ "sparkDark": "#000000"
1273
+ }
1274
+ },
1275
+ {
1276
+ "type": "icon",
1277
+ "figmaToken": "--color-feedback-success-high-icon",
1278
+ "tailwindClass": ".icon-feedback-success-high",
1279
+ "cssProperty": "color",
1280
+ "values": {
1281
+ "oceanLight": "#003603",
1282
+ "oceanDark": "#003603",
1283
+ "sparkLight": "#003603",
1284
+ "sparkDark": "#003603"
1285
+ }
1286
+ },
1287
+ {
1288
+ "type": "icon",
1289
+ "figmaToken": "--color-feedback-success-low-icon",
1290
+ "tailwindClass": ".icon-feedback-success-low",
1291
+ "cssProperty": "color",
1292
+ "values": {
1293
+ "oceanLight": "#008207",
1294
+ "oceanDark": "#45d24d",
1295
+ "sparkLight": "#008207",
1296
+ "sparkDark": "#45d24d"
1297
+ }
1298
+ },
1299
+ {
1300
+ "type": "icon",
1301
+ "figmaToken": "--color-feedback-warning-high-contrast-icon",
1302
+ "tailwindClass": ".icon-feedback-warning-high-contrast",
1303
+ "cssProperty": "color",
1304
+ "values": {
1305
+ "oceanLight": "#ffffff",
1306
+ "oceanDark": "#000000",
1307
+ "sparkLight": "#ffffff",
1308
+ "sparkDark": "#000000"
1309
+ }
1310
+ },
1311
+ {
1312
+ "type": "icon",
1313
+ "figmaToken": "--color-feedback-warning-high-icon",
1314
+ "tailwindClass": ".icon-feedback-warning-high",
1315
+ "cssProperty": "color",
1316
+ "values": {
1317
+ "oceanLight": "#302300",
1318
+ "oceanDark": "#302300",
1319
+ "sparkLight": "#302300",
1320
+ "sparkDark": "#302300"
1321
+ }
1322
+ },
1323
+ {
1324
+ "type": "icon",
1325
+ "figmaToken": "--color-feedback-warning-low-icon",
1326
+ "tailwindClass": ".icon-feedback-warning-low",
1327
+ "cssProperty": "color",
1328
+ "values": {
1329
+ "oceanLight": "#805c00",
1330
+ "oceanDark": "#e0a917",
1331
+ "sparkLight": "#805c00",
1332
+ "sparkDark": "#e0a917"
1333
+ }
1334
+ },
1335
+ {
1336
+ "type": "icon",
1337
+ "figmaToken": "--color-interaction-container-branded-high-icon",
1338
+ "tailwindClass": ".icon-interaction-container-branded-high",
1339
+ "cssProperty": "color",
1340
+ "values": {
1341
+ "oceanLight": "#ffffff",
1342
+ "oceanDark": "#000000",
1343
+ "sparkLight": "#ffffff",
1344
+ "sparkDark": "#000000"
1345
+ }
1346
+ },
1347
+ {
1348
+ "type": "icon",
1349
+ "figmaToken": "--color-interaction-container-branded-high-icon-active",
1350
+ "tailwindClass": ".icon-interaction-container-branded-high-active",
1351
+ "cssProperty": "color",
1352
+ "values": {
1353
+ "oceanLight": "#ffffff",
1354
+ "oceanDark": "#000000",
1355
+ "sparkLight": "#ffffff",
1356
+ "sparkDark": "#000000"
1357
+ }
1358
+ },
1359
+ {
1360
+ "type": "icon",
1361
+ "figmaToken": "--color-interaction-container-branded-high-icon-hover",
1362
+ "tailwindClass": ".icon-interaction-container-branded-high-hover",
1363
+ "cssProperty": "color",
1364
+ "values": {
1365
+ "oceanLight": "#ffffff",
1366
+ "oceanDark": "#000000",
1367
+ "sparkLight": "#ffffff",
1368
+ "sparkDark": "#000000"
1369
+ }
1370
+ },
1371
+ {
1372
+ "type": "icon",
1373
+ "figmaToken": "--color-interaction-container-branded-low-icon",
1374
+ "tailwindClass": ".icon-interaction-container-branded-low",
1375
+ "cssProperty": "color",
1376
+ "values": {
1377
+ "oceanLight": "#1f717d",
1378
+ "oceanDark": "#258998",
1379
+ "sparkLight": "#e75420",
1380
+ "sparkDark": "#e75420"
1381
+ }
1382
+ },
1383
+ {
1384
+ "type": "icon",
1385
+ "figmaToken": "--color-interaction-container-branded-low-icon-active",
1386
+ "tailwindClass": ".icon-interaction-container-branded-low-active",
1387
+ "cssProperty": "color",
1388
+ "values": {
1389
+ "oceanLight": "#185963",
1390
+ "oceanDark": "#4b9eaa",
1391
+ "sparkLight": "#bf451a",
1392
+ "sparkDark": "#eb7247"
1393
+ }
1394
+ },
1395
+ {
1396
+ "type": "icon",
1397
+ "figmaToken": "--color-interaction-container-branded-low-icon-hover",
1398
+ "tailwindClass": ".icon-interaction-container-branded-low-hover",
1399
+ "cssProperty": "color",
1400
+ "values": {
1401
+ "oceanLight": "#185963",
1402
+ "oceanDark": "#4b9eaa",
1403
+ "sparkLight": "#bf451a",
1404
+ "sparkDark": "#eb7247"
1405
+ }
1406
+ },
1407
+ {
1408
+ "type": "icon",
1409
+ "figmaToken": "--color-interaction-container-neutral-icon",
1410
+ "tailwindClass": ".icon-interaction-container-neutral",
1411
+ "cssProperty": "color",
1412
+ "values": {
1413
+ "oceanLight": "#617177",
1414
+ "oceanDark": "#889499",
1415
+ "sparkLight": "#6d6d6d",
1416
+ "sparkDark": "#808080"
1417
+ }
1418
+ },
1419
+ {
1420
+ "type": "icon",
1421
+ "figmaToken": "--color-interaction-container-neutral-icon-active",
1422
+ "tailwindClass": ".icon-interaction-container-neutral-active",
1423
+ "cssProperty": "color",
1424
+ "values": {
1425
+ "oceanLight": "#185963",
1426
+ "oceanDark": "#4b9eaa",
1427
+ "sparkLight": "#bf451a",
1428
+ "sparkDark": "#eb7247"
1429
+ }
1430
+ },
1431
+ {
1432
+ "type": "icon",
1433
+ "figmaToken": "--color-interaction-container-neutral-icon-hover",
1434
+ "tailwindClass": ".icon-interaction-container-neutral-hover",
1435
+ "cssProperty": "color",
1436
+ "values": {
1437
+ "oceanLight": "#34464d",
1438
+ "oceanDark": "#bac1c4",
1439
+ "sparkLight": "#414141",
1440
+ "sparkDark": "#bfbfbf"
1441
+ }
1442
+ },
1443
+ {
1444
+ "type": "icon",
1445
+ "figmaToken": "--color-interaction-link-high-icon",
1446
+ "tailwindClass": ".icon-interaction-link-high",
1447
+ "cssProperty": "color",
1448
+ "values": {
1449
+ "oceanLight": "#1f717d",
1450
+ "oceanDark": "#258998",
1451
+ "sparkLight": "#bf451a",
1452
+ "sparkDark": "#e75420"
1453
+ }
1454
+ },
1455
+ {
1456
+ "type": "icon",
1457
+ "figmaToken": "--color-interaction-link-high-icon-hover",
1458
+ "tailwindClass": ".icon-interaction-link-high-hover",
1459
+ "cssProperty": "color",
1460
+ "values": {
1461
+ "oceanLight": "#185963",
1462
+ "oceanDark": "#4b9eaa",
1463
+ "sparkLight": "#963715",
1464
+ "sparkDark": "#eb7247"
1465
+ }
1466
+ },
1467
+ {
1468
+ "type": "icon",
1469
+ "figmaToken": "--color-interaction-link-high-icon-inactive",
1470
+ "tailwindClass": ".icon-interaction-link-high-inactive",
1471
+ "cssProperty": "color",
1472
+ "values": {
1473
+ "oceanLight": "#617177",
1474
+ "oceanDark": "#889499",
1475
+ "sparkLight": "#6d6d6d",
1476
+ "sparkDark": "#808080"
1477
+ }
1478
+ },
1479
+ {
1480
+ "type": "icon",
1481
+ "figmaToken": "--color-interaction-link-high-icon-visited",
1482
+ "tailwindClass": ".icon-interaction-link-high-visited",
1483
+ "cssProperty": "color",
1484
+ "values": {
1485
+ "oceanLight": "#185963",
1486
+ "oceanDark": "#4b9eaa",
1487
+ "sparkLight": "#963715",
1488
+ "sparkDark": "#eb7247"
1489
+ }
1490
+ },
1491
+ {
1492
+ "type": "icon",
1493
+ "figmaToken": "--color-interaction-link-inverted-icon",
1494
+ "tailwindClass": ".icon-interaction-link-inverted",
1495
+ "cssProperty": "color",
1496
+ "values": {
1497
+ "oceanLight": "#889499",
1498
+ "oceanDark": "#27353b",
1499
+ "sparkLight": "#919191",
1500
+ "sparkDark": "#414141"
1501
+ }
1502
+ },
1503
+ {
1504
+ "type": "icon",
1505
+ "figmaToken": "--color-interaction-link-inverted-icon-disabled",
1506
+ "tailwindClass": ".icon-interaction-link-inverted-disabled",
1507
+ "cssProperty": "color",
1508
+ "values": {
1509
+ "oceanLight": "#617177",
1510
+ "oceanDark": "#3f555e",
1511
+ "sparkLight": "#6d6d6d",
1512
+ "sparkDark": "#6d6d6d"
1513
+ }
1514
+ },
1515
+ {
1516
+ "type": "icon",
1517
+ "figmaToken": "--color-interaction-link-inverted-icon-hover",
1518
+ "tailwindClass": ".icon-interaction-link-inverted-hover",
1519
+ "cssProperty": "color",
1520
+ "values": {
1521
+ "oceanLight": "#258998",
1522
+ "oceanDark": "#1f717d",
1523
+ "sparkLight": "#e75420",
1524
+ "sparkDark": "#bf451a"
1525
+ }
1526
+ },
1527
+ {
1528
+ "type": "icon",
1529
+ "figmaToken": "--color-interaction-link-inverted-icon-visited",
1530
+ "tailwindClass": ".icon-interaction-link-inverted-visited",
1531
+ "cssProperty": "color",
1532
+ "values": {
1533
+ "oceanLight": "#185963",
1534
+ "oceanDark": "#4b9eaa",
1535
+ "sparkLight": "#963715",
1536
+ "sparkDark": "#eb7247"
1537
+ }
1538
+ },
1539
+ {
1540
+ "type": "icon",
1541
+ "figmaToken": "--color-interaction-link-low-icon",
1542
+ "tailwindClass": ".icon-interaction-link-low",
1543
+ "cssProperty": "color",
1544
+ "values": {
1545
+ "oceanLight": "#171f22",
1546
+ "oceanDark": "#f5f6f7",
1547
+ "sparkLight": "#1d1d1d",
1548
+ "sparkDark": "#f6f6f6"
1549
+ }
1550
+ },
1551
+ {
1552
+ "type": "icon",
1553
+ "figmaToken": "--color-interaction-link-low-icon-disabled",
1554
+ "tailwindClass": ".icon-interaction-link-low-disabled",
1555
+ "cssProperty": "color",
1556
+ "values": {
1557
+ "oceanLight": "#617177",
1558
+ "oceanDark": "#889499",
1559
+ "sparkLight": "#6d6d6d",
1560
+ "sparkDark": "#808080"
1561
+ }
1562
+ },
1563
+ {
1564
+ "type": "icon",
1565
+ "figmaToken": "--color-interaction-link-low-icon-hover",
1566
+ "tailwindClass": ".icon-interaction-link-low-hover",
1567
+ "cssProperty": "color",
1568
+ "values": {
1569
+ "oceanLight": "#185963",
1570
+ "oceanDark": "#4b9eaa",
1571
+ "sparkLight": "#963715",
1572
+ "sparkDark": "#eb7247"
1573
+ }
1574
+ },
1575
+ {
1576
+ "type": "icon",
1577
+ "figmaToken": "--color-interaction-link-low-icon-visited",
1578
+ "tailwindClass": ".icon-interaction-link-low-visited",
1579
+ "cssProperty": "color",
1580
+ "values": {
1581
+ "oceanLight": "#185963",
1582
+ "oceanDark": "#4b9eaa",
1583
+ "sparkLight": "#963715",
1584
+ "sparkDark": "#eb7247"
1585
+ }
1586
+ },
1587
+ {
1588
+ "type": "icon",
1589
+ "figmaToken": "--color-rainbow-1-icon",
1590
+ "tailwindClass": ".icon-rainbow-1",
1591
+ "cssProperty": "color",
1592
+ "values": {
1593
+ "oceanLight": "#9c5311",
1594
+ "oceanDark": "#f0801a",
1595
+ "sparkLight": "#9c5311",
1596
+ "sparkDark": "#f0801a"
1597
+ }
1598
+ },
1599
+ {
1600
+ "type": "icon",
1601
+ "figmaToken": "--color-rainbow-10-icon",
1602
+ "tailwindClass": ".icon-rainbow-10",
1603
+ "cssProperty": "color",
1604
+ "values": {
1605
+ "oceanLight": "#394d55",
1606
+ "oceanDark": "#9fadb2",
1607
+ "sparkLight": "#484848",
1608
+ "sparkDark": "#a9a9a9"
1609
+ }
1610
+ },
1611
+ {
1612
+ "type": "icon",
1613
+ "figmaToken": "--color-rainbow-2-icon",
1614
+ "tailwindClass": ".icon-rainbow-2",
1615
+ "cssProperty": "color",
1616
+ "values": {
1617
+ "oceanLight": "#963715",
1618
+ "oceanDark": "#eb7247",
1619
+ "sparkLight": "#963715",
1620
+ "sparkDark": "#eb7247"
1621
+ }
1622
+ },
1623
+ {
1624
+ "type": "icon",
1625
+ "figmaToken": "--color-rainbow-3-icon",
1626
+ "tailwindClass": ".icon-rainbow-3",
1627
+ "cssProperty": "color",
1628
+ "values": {
1629
+ "oceanLight": "#795c00",
1630
+ "oceanDark": "#d29f00",
1631
+ "sparkLight": "#795c00",
1632
+ "sparkDark": "#d29f00"
1633
+ }
1634
+ },
1635
+ {
1636
+ "type": "icon",
1637
+ "figmaToken": "--color-rainbow-4-icon",
1638
+ "tailwindClass": ".icon-rainbow-4",
1639
+ "cssProperty": "color",
1640
+ "values": {
1641
+ "oceanLight": "#cc1d1d",
1642
+ "oceanDark": "#e79494",
1643
+ "sparkLight": "#cc1d1d",
1644
+ "sparkDark": "#e79494"
1645
+ }
1646
+ },
1647
+ {
1648
+ "type": "icon",
1649
+ "figmaToken": "--color-rainbow-5-icon",
1650
+ "tailwindClass": ".icon-rainbow-5",
1651
+ "cssProperty": "color",
1652
+ "values": {
1653
+ "oceanLight": "#32504c",
1654
+ "oceanDark": "#6aa9a0",
1655
+ "sparkLight": "#32504c",
1656
+ "sparkDark": "#6aa9a0"
1657
+ }
1658
+ },
1659
+ {
1660
+ "type": "icon",
1661
+ "figmaToken": "--color-rainbow-6-icon",
1662
+ "tailwindClass": ".icon-rainbow-6",
1663
+ "cssProperty": "color",
1664
+ "values": {
1665
+ "oceanLight": "#ab2d58",
1666
+ "oceanDark": "#cf869f",
1667
+ "sparkLight": "#ab2d58",
1668
+ "sparkDark": "#cf869f"
1669
+ }
1670
+ },
1671
+ {
1672
+ "type": "icon",
1673
+ "figmaToken": "--color-rainbow-7-icon",
1674
+ "tailwindClass": ".icon-rainbow-7",
1675
+ "cssProperty": "color",
1676
+ "values": {
1677
+ "oceanLight": "#106f15",
1678
+ "oceanDark": "#66b16a",
1679
+ "sparkLight": "#106f15",
1680
+ "sparkDark": "#66b16a"
1681
+ }
1682
+ },
1683
+ {
1684
+ "type": "icon",
1685
+ "figmaToken": "--color-rainbow-8-icon",
1686
+ "tailwindClass": ".icon-rainbow-8",
1687
+ "cssProperty": "color",
1688
+ "values": {
1689
+ "oceanLight": "#1f717d",
1690
+ "oceanDark": "#71b2bc",
1691
+ "sparkLight": "#1f717d",
1692
+ "sparkDark": "#71b2bc"
1693
+ }
1694
+ },
1695
+ {
1696
+ "type": "icon",
1697
+ "figmaToken": "--color-rainbow-9-icon",
1698
+ "tailwindClass": ".icon-rainbow-9",
1699
+ "cssProperty": "color",
1700
+ "values": {
1701
+ "oceanLight": "#5c6e1f",
1702
+ "oceanDark": "#8da930",
1703
+ "sparkLight": "#5c6e1f",
1704
+ "sparkDark": "#8da930"
1705
+ }
1706
+ },
1707
+ {
1708
+ "type": "text",
1709
+ "figmaToken": "--color-content-high-text",
1710
+ "tailwindClass": ".text-high",
1711
+ "cssProperty": "color",
1712
+ "values": {
1713
+ "oceanLight": "#171f22",
1714
+ "oceanDark": "#f5f6f7",
1715
+ "sparkLight": "#1d1d1d",
1716
+ "sparkDark": "#f6f6f6"
1717
+ }
1718
+ },
1719
+ {
1720
+ "type": "text",
1721
+ "figmaToken": "--color-content-inverted-high-text",
1722
+ "tailwindClass": ".text-inverted-high",
1723
+ "cssProperty": "color",
1724
+ "values": {
1725
+ "oceanLight": "#f5f6f7",
1726
+ "oceanDark": "#0b0f11",
1727
+ "sparkLight": "#f6f6f6",
1728
+ "sparkDark": "#1d1d1d"
1729
+ }
1730
+ },
1731
+ {
1732
+ "type": "text",
1733
+ "figmaToken": "--color-content-inverted-low-text",
1734
+ "tailwindClass": ".text-inverted-low",
1735
+ "cssProperty": "color",
1736
+ "values": {
1737
+ "oceanLight": "#617177",
1738
+ "oceanDark": "#3f555e",
1739
+ "sparkLight": "#6d6d6d",
1740
+ "sparkDark": "#6d6d6d"
1741
+ }
1742
+ },
1743
+ {
1744
+ "type": "text",
1745
+ "figmaToken": "--color-content-inverted-medium-text",
1746
+ "tailwindClass": ".text-inverted-medium",
1747
+ "cssProperty": "color",
1748
+ "values": {
1749
+ "oceanLight": "#889499",
1750
+ "oceanDark": "#27353b",
1751
+ "sparkLight": "#919191",
1752
+ "sparkDark": "#414141"
1753
+ }
1754
+ },
1755
+ {
1756
+ "type": "text",
1757
+ "figmaToken": "--color-content-low-text",
1758
+ "tailwindClass": ".text-low",
1759
+ "cssProperty": "color",
1760
+ "values": {
1761
+ "oceanLight": "#617177",
1762
+ "oceanDark": "#889499",
1763
+ "sparkLight": "#6d6d6d",
1764
+ "sparkDark": "#808080"
1765
+ }
1766
+ },
1767
+ {
1768
+ "type": "text",
1769
+ "figmaToken": "--color-content-lower-text",
1770
+ "tailwindClass": ".text-lower",
1771
+ "cssProperty": "color",
1772
+ "values": {
1773
+ "oceanLight": "#9fadb2",
1774
+ "oceanDark": "#617177",
1775
+ "sparkLight": "#a9a9a9",
1776
+ "sparkDark": "#6d6d6d"
1777
+ }
1778
+ },
1779
+ {
1780
+ "type": "text",
1781
+ "figmaToken": "--color-content-medium-text",
1782
+ "tailwindClass": ".text-medium",
1783
+ "cssProperty": "color",
1784
+ "values": {
1785
+ "oceanLight": "#34464d",
1786
+ "oceanDark": "#bac1c4",
1787
+ "sparkLight": "#414141",
1788
+ "sparkDark": "#bfbfbf"
1789
+ }
1790
+ },
1791
+ {
1792
+ "type": "text",
1793
+ "figmaToken": "--color-feedback-error-high-contrast-text",
1794
+ "tailwindClass": ".text-feedback-error-high-contrast",
1795
+ "cssProperty": "color",
1796
+ "values": {
1797
+ "oceanLight": "#ffeded",
1798
+ "oceanDark": "#380101",
1799
+ "sparkLight": "#ffeded",
1800
+ "sparkDark": "#380101"
1801
+ }
1802
+ },
1803
+ {
1804
+ "type": "text",
1805
+ "figmaToken": "--color-feedback-error-high-text",
1806
+ "tailwindClass": ".text-feedback-error-high",
1807
+ "cssProperty": "color",
1808
+ "values": {
1809
+ "oceanLight": "#380101",
1810
+ "oceanDark": "#380101",
1811
+ "sparkLight": "#380101",
1812
+ "sparkDark": "#380101"
1813
+ }
1814
+ },
1815
+ {
1816
+ "type": "text",
1817
+ "figmaToken": "--color-feedback-error-low-text",
1818
+ "tailwindClass": ".text-feedback-error-low",
1819
+ "cssProperty": "color",
1820
+ "values": {
1821
+ "oceanLight": "#bb1919",
1822
+ "oceanDark": "#ff6161",
1823
+ "sparkLight": "#bb1919",
1824
+ "sparkDark": "#ff6161"
1825
+ }
1826
+ },
1827
+ {
1828
+ "type": "text",
1829
+ "figmaToken": "--color-feedback-information-high-contrast-text",
1830
+ "tailwindClass": ".text-feedback-information-high-contrast",
1831
+ "cssProperty": "color",
1832
+ "values": {
1833
+ "oceanLight": "#f0f6ff",
1834
+ "oceanDark": "#001c37",
1835
+ "sparkLight": "#f0f6ff",
1836
+ "sparkDark": "#001c37"
1837
+ }
1838
+ },
1839
+ {
1840
+ "type": "text",
1841
+ "figmaToken": "--color-feedback-information-high-text",
1842
+ "tailwindClass": ".text-feedback-information-high",
1843
+ "cssProperty": "color",
1844
+ "values": {
1845
+ "oceanLight": "#09285c",
1846
+ "oceanDark": "#09285c",
1847
+ "sparkLight": "#09285c",
1848
+ "sparkDark": "#09285c"
1849
+ }
1850
+ },
1851
+ {
1852
+ "type": "text",
1853
+ "figmaToken": "--color-feedback-information-low-text",
1854
+ "tailwindClass": ".text-feedback-information-low",
1855
+ "cssProperty": "color",
1856
+ "values": {
1857
+ "oceanLight": "#2660c2",
1858
+ "oceanDark": "#659fff",
1859
+ "sparkLight": "#2660c2",
1860
+ "sparkDark": "#659fff"
1861
+ }
1862
+ },
1863
+ {
1864
+ "type": "text",
1865
+ "figmaToken": "--color-feedback-neutral-high-contrast-text",
1866
+ "tailwindClass": ".text-feedback-neutral-high-contrast",
1867
+ "cssProperty": "color",
1868
+ "values": {
1869
+ "oceanLight": "#f5f6f7",
1870
+ "oceanDark": "#0b0f11",
1871
+ "sparkLight": "#f6f6f6",
1872
+ "sparkDark": "#0e0e0e"
1873
+ }
1874
+ },
1875
+ {
1876
+ "type": "text",
1877
+ "figmaToken": "--color-feedback-neutral-high-text",
1878
+ "tailwindClass": ".text-feedback-neutral-high",
1879
+ "cssProperty": "color",
1880
+ "values": {
1881
+ "oceanLight": "#171f22",
1882
+ "oceanDark": "#171f22",
1883
+ "sparkLight": "#1d1d1d",
1884
+ "sparkDark": "#1d1d1d"
1885
+ }
1886
+ },
1887
+ {
1888
+ "type": "text",
1889
+ "figmaToken": "--color-feedback-neutral-low-text",
1890
+ "tailwindClass": ".text-feedback-neutral-low",
1891
+ "cssProperty": "color",
1892
+ "values": {
1893
+ "oceanLight": "#3f555e",
1894
+ "oceanDark": "#9fadb2",
1895
+ "sparkLight": "#4f4f4f",
1896
+ "sparkDark": "#a9a9a9"
1897
+ }
1898
+ },
1899
+ {
1900
+ "type": "text",
1901
+ "figmaToken": "--color-feedback-success-high-contrast-text",
1902
+ "tailwindClass": ".text-feedback-success-high-contrast",
1903
+ "cssProperty": "color",
1904
+ "values": {
1905
+ "oceanLight": "#eafeeb",
1906
+ "oceanDark": "#002302",
1907
+ "sparkLight": "#eafeeb",
1908
+ "sparkDark": "#002302"
1909
+ }
1910
+ },
1911
+ {
1912
+ "type": "text",
1913
+ "figmaToken": "--color-feedback-success-high-text",
1914
+ "tailwindClass": ".text-feedback-success-high",
1915
+ "cssProperty": "color",
1916
+ "values": {
1917
+ "oceanLight": "#003603",
1918
+ "oceanDark": "#003603",
1919
+ "sparkLight": "#003603",
1920
+ "sparkDark": "#003603"
1921
+ }
1922
+ },
1923
+ {
1924
+ "type": "text",
1925
+ "figmaToken": "--color-feedback-success-low-text",
1926
+ "tailwindClass": ".text-feedback-success-low",
1927
+ "cssProperty": "color",
1928
+ "values": {
1929
+ "oceanLight": "#008207",
1930
+ "oceanDark": "#45d24d",
1931
+ "sparkLight": "#008207",
1932
+ "sparkDark": "#45d24d"
1933
+ }
1934
+ },
1935
+ {
1936
+ "type": "text",
1937
+ "figmaToken": "--color-feedback-warning-high-contrast-text",
1938
+ "tailwindClass": ".text-feedback-warning-high-contrast",
1939
+ "cssProperty": "color",
1940
+ "values": {
1941
+ "oceanLight": "#fff7df",
1942
+ "oceanDark": "#302300",
1943
+ "sparkLight": "#fff7df",
1944
+ "sparkDark": "#302300"
1945
+ }
1946
+ },
1947
+ {
1948
+ "type": "text",
1949
+ "figmaToken": "--color-feedback-warning-high-text",
1950
+ "tailwindClass": ".text-feedback-warning-high",
1951
+ "cssProperty": "color",
1952
+ "values": {
1953
+ "oceanLight": "#302300",
1954
+ "oceanDark": "#302300",
1955
+ "sparkLight": "#302300",
1956
+ "sparkDark": "#302300"
1957
+ }
1958
+ },
1959
+ {
1960
+ "type": "text",
1961
+ "figmaToken": "--color-feedback-warning-low-text",
1962
+ "tailwindClass": ".text-feedback-warning-low",
1963
+ "cssProperty": "color",
1964
+ "values": {
1965
+ "oceanLight": "#805c00",
1966
+ "oceanDark": "#e0a917",
1967
+ "sparkLight": "#805c00",
1968
+ "sparkDark": "#e0a917"
1969
+ }
1970
+ },
1971
+ {
1972
+ "type": "text",
1973
+ "figmaToken": "--color-interaction-container-branded-high-text",
1974
+ "tailwindClass": ".text-interaction-container-branded-high",
1975
+ "cssProperty": "color",
1976
+ "values": {
1977
+ "oceanLight": "#ffffff",
1978
+ "oceanDark": "#000000",
1979
+ "sparkLight": "#ffffff",
1980
+ "sparkDark": "#000000"
1981
+ }
1982
+ },
1983
+ {
1984
+ "type": "text",
1985
+ "figmaToken": "--color-interaction-container-branded-high-text-active",
1986
+ "tailwindClass": ".text-interaction-container-branded-high-active",
1987
+ "cssProperty": "color",
1988
+ "values": {
1989
+ "oceanLight": "#ffffff",
1990
+ "oceanDark": "#000000",
1991
+ "sparkLight": "#ffffff",
1992
+ "sparkDark": "#000000"
1993
+ }
1994
+ },
1995
+ {
1996
+ "type": "text",
1997
+ "figmaToken": "--color-interaction-container-branded-high-text-hover",
1998
+ "tailwindClass": ".text-interaction-container-branded-high-hover",
1999
+ "cssProperty": "color",
2000
+ "values": {
2001
+ "oceanLight": "#ffffff",
2002
+ "oceanDark": "#000000",
2003
+ "sparkLight": "#ffffff",
2004
+ "sparkDark": "#000000"
2005
+ }
2006
+ },
2007
+ {
2008
+ "type": "text",
2009
+ "figmaToken": "--color-interaction-container-branded-low-text",
2010
+ "tailwindClass": ".text-interaction-container-branded-low",
2011
+ "cssProperty": "color",
2012
+ "values": {
2013
+ "oceanLight": "#1f717d",
2014
+ "oceanDark": "#258998",
2015
+ "sparkLight": "#e75420",
2016
+ "sparkDark": "#e75420"
2017
+ }
2018
+ },
2019
+ {
2020
+ "type": "text",
2021
+ "figmaToken": "--color-interaction-container-branded-low-text-active",
2022
+ "tailwindClass": ".text-interaction-container-branded-low-active",
2023
+ "cssProperty": "color",
2024
+ "values": {
2025
+ "oceanLight": "#185963",
2026
+ "oceanDark": "#4b9eaa",
2027
+ "sparkLight": "#bf451a",
2028
+ "sparkDark": "#eb7247"
2029
+ }
2030
+ },
2031
+ {
2032
+ "type": "text",
2033
+ "figmaToken": "--color-interaction-container-branded-low-text-hover",
2034
+ "tailwindClass": ".text-interaction-container-branded-low-hover",
2035
+ "cssProperty": "color",
2036
+ "values": {
2037
+ "oceanLight": "#185963",
2038
+ "oceanDark": "#4b9eaa",
2039
+ "sparkLight": "#bf451a",
2040
+ "sparkDark": "#eb7247"
2041
+ }
2042
+ },
2043
+ {
2044
+ "type": "text",
2045
+ "figmaToken": "--color-interaction-container-neutral-text",
2046
+ "tailwindClass": ".text-interaction-container-neutral",
2047
+ "cssProperty": "color",
2048
+ "values": {
2049
+ "oceanLight": "#617177",
2050
+ "oceanDark": "#889499",
2051
+ "sparkLight": "#6d6d6d",
2052
+ "sparkDark": "#808080"
2053
+ }
2054
+ },
2055
+ {
2056
+ "type": "text",
2057
+ "figmaToken": "--color-interaction-container-neutral-text-active",
2058
+ "tailwindClass": ".text-interaction-container-neutral-active",
2059
+ "cssProperty": "color",
2060
+ "values": {
2061
+ "oceanLight": "#185963",
2062
+ "oceanDark": "#4b9eaa",
2063
+ "sparkLight": "#bf451a",
2064
+ "sparkDark": "#eb7247"
2065
+ }
2066
+ },
2067
+ {
2068
+ "type": "text",
2069
+ "figmaToken": "--color-interaction-container-neutral-text-hover",
2070
+ "tailwindClass": ".text-interaction-container-neutral-hover",
2071
+ "cssProperty": "color",
2072
+ "values": {
2073
+ "oceanLight": "#34464d",
2074
+ "oceanDark": "#bac1c4",
2075
+ "sparkLight": "#414141",
2076
+ "sparkDark": "#bfbfbf"
2077
+ }
2078
+ },
2079
+ {
2080
+ "type": "text",
2081
+ "figmaToken": "--color-interaction-link-high-text",
2082
+ "tailwindClass": ".text-interaction-link-high",
2083
+ "cssProperty": "color",
2084
+ "values": {
2085
+ "oceanLight": "#1f717d",
2086
+ "oceanDark": "#258998",
2087
+ "sparkLight": "#bf451a",
2088
+ "sparkDark": "#e75420"
2089
+ }
2090
+ },
2091
+ {
2092
+ "type": "text",
2093
+ "figmaToken": "--color-interaction-link-high-text-disabled",
2094
+ "tailwindClass": ".text-interaction-link-high-disabled",
2095
+ "cssProperty": "color",
2096
+ "values": {
2097
+ "oceanLight": "#617177",
2098
+ "oceanDark": "#889499",
2099
+ "sparkLight": "#6d6d6d",
2100
+ "sparkDark": "#808080"
2101
+ }
2102
+ },
2103
+ {
2104
+ "type": "text",
2105
+ "figmaToken": "--color-interaction-link-high-text-hover",
2106
+ "tailwindClass": ".text-interaction-link-high-hover",
2107
+ "cssProperty": "color",
2108
+ "values": {
2109
+ "oceanLight": "#185963",
2110
+ "oceanDark": "#4b9eaa",
2111
+ "sparkLight": "#963715",
2112
+ "sparkDark": "#eb7247"
2113
+ }
2114
+ },
2115
+ {
2116
+ "type": "text",
2117
+ "figmaToken": "--color-interaction-link-high-text-visited",
2118
+ "tailwindClass": ".text-interaction-link-high-visited",
2119
+ "cssProperty": "color",
2120
+ "values": {
2121
+ "oceanLight": "#185963",
2122
+ "oceanDark": "#4b9eaa",
2123
+ "sparkLight": "#963715",
2124
+ "sparkDark": "#eb7247"
2125
+ }
2126
+ },
2127
+ {
2128
+ "type": "text",
2129
+ "figmaToken": "--color-interaction-link-inverted-text",
2130
+ "tailwindClass": ".text-interaction-link-inverted",
2131
+ "cssProperty": "color",
2132
+ "values": {
2133
+ "oceanLight": "#889499",
2134
+ "oceanDark": "#27353b",
2135
+ "sparkLight": "#919191",
2136
+ "sparkDark": "#414141"
2137
+ }
2138
+ },
2139
+ {
2140
+ "type": "text",
2141
+ "figmaToken": "--color-interaction-link-inverted-text-hover",
2142
+ "tailwindClass": ".text-interaction-link-inverted-hover",
2143
+ "cssProperty": "color",
2144
+ "values": {
2145
+ "oceanLight": "#258998",
2146
+ "oceanDark": "#1f717d",
2147
+ "sparkLight": "#e75420",
2148
+ "sparkDark": "#bf451a"
2149
+ }
2150
+ },
2151
+ {
2152
+ "type": "text",
2153
+ "figmaToken": "--color-interaction-link-inverted-text-inactive",
2154
+ "tailwindClass": ".text-interaction-link-inverted-inactive",
2155
+ "cssProperty": "color",
2156
+ "values": {
2157
+ "oceanLight": "#617177",
2158
+ "oceanDark": "#3f555e",
2159
+ "sparkLight": "#6d6d6d",
2160
+ "sparkDark": "#6d6d6d"
2161
+ }
2162
+ },
2163
+ {
2164
+ "type": "text",
2165
+ "figmaToken": "--color-interaction-link-inverted-text-visited",
2166
+ "tailwindClass": ".text-interaction-link-inverted-visited",
2167
+ "cssProperty": "color",
2168
+ "values": {
2169
+ "oceanLight": "#185963",
2170
+ "oceanDark": "#4b9eaa",
2171
+ "sparkLight": "#963715",
2172
+ "sparkDark": "#eb7247"
2173
+ }
2174
+ },
2175
+ {
2176
+ "type": "text",
2177
+ "figmaToken": "--color-interaction-link-low-text",
2178
+ "tailwindClass": ".text-interaction-link-low",
2179
+ "cssProperty": "color",
2180
+ "values": {
2181
+ "oceanLight": "#171f22",
2182
+ "oceanDark": "#f5f6f7",
2183
+ "sparkLight": "#1d1d1d",
2184
+ "sparkDark": "#f6f6f6"
2185
+ }
2186
+ },
2187
+ {
2188
+ "type": "text",
2189
+ "figmaToken": "--color-interaction-link-low-text-disabled",
2190
+ "tailwindClass": ".text-interaction-link-low-disabled",
2191
+ "cssProperty": "color",
2192
+ "values": {
2193
+ "oceanLight": "#617177",
2194
+ "oceanDark": "#889499",
2195
+ "sparkLight": "#6d6d6d",
2196
+ "sparkDark": "#808080"
2197
+ }
2198
+ },
2199
+ {
2200
+ "type": "text",
2201
+ "figmaToken": "--color-interaction-link-low-text-hover",
2202
+ "tailwindClass": ".text-interaction-link-low-hover",
2203
+ "cssProperty": "color",
2204
+ "values": {
2205
+ "oceanLight": "#185963",
2206
+ "oceanDark": "#4b9eaa",
2207
+ "sparkLight": "#963715",
2208
+ "sparkDark": "#eb7247"
2209
+ }
2210
+ },
2211
+ {
2212
+ "type": "text",
2213
+ "figmaToken": "--color-interaction-link-low-text-visited",
2214
+ "tailwindClass": ".text-interaction-link-low-visited",
2215
+ "cssProperty": "color",
2216
+ "values": {
2217
+ "oceanLight": "#185963",
2218
+ "oceanDark": "#4b9eaa",
2219
+ "sparkLight": "#963715",
2220
+ "sparkDark": "#eb7247"
2221
+ }
2222
+ },
2223
+ {
2224
+ "type": "text",
2225
+ "figmaToken": "--color-rainbow-1-text",
2226
+ "tailwindClass": ".text-rainbow-1",
2227
+ "cssProperty": "color",
2228
+ "values": {
2229
+ "oceanLight": "#9c5311",
2230
+ "oceanDark": "#f0801a",
2231
+ "sparkLight": "#9c5311",
2232
+ "sparkDark": "#f0801a"
2233
+ }
2234
+ },
2235
+ {
2236
+ "type": "text",
2237
+ "figmaToken": "--color-rainbow-10-text",
2238
+ "tailwindClass": ".text-rainbow-10",
2239
+ "cssProperty": "color",
2240
+ "values": {
2241
+ "oceanLight": "#394d55",
2242
+ "oceanDark": "#9fadb2",
2243
+ "sparkLight": "#484848",
2244
+ "sparkDark": "#a9a9a9"
2245
+ }
2246
+ },
2247
+ {
2248
+ "type": "text",
2249
+ "figmaToken": "--color-rainbow-2-text",
2250
+ "tailwindClass": ".text-rainbow-2",
2251
+ "cssProperty": "color",
2252
+ "values": {
2253
+ "oceanLight": "#963715",
2254
+ "oceanDark": "#eb7247",
2255
+ "sparkLight": "#963715",
2256
+ "sparkDark": "#eb7247"
2257
+ }
2258
+ },
2259
+ {
2260
+ "type": "text",
2261
+ "figmaToken": "--color-rainbow-3-text",
2262
+ "tailwindClass": ".text-rainbow-3",
2263
+ "cssProperty": "color",
2264
+ "values": {
2265
+ "oceanLight": "#795c00",
2266
+ "oceanDark": "#d29f00",
2267
+ "sparkLight": "#795c00",
2268
+ "sparkDark": "#d29f00"
2269
+ }
2270
+ },
2271
+ {
2272
+ "type": "text",
2273
+ "figmaToken": "--color-rainbow-4-text",
2274
+ "tailwindClass": ".text-rainbow-4",
2275
+ "cssProperty": "color",
2276
+ "values": {
2277
+ "oceanLight": "#cc1d1d",
2278
+ "oceanDark": "#e79494",
2279
+ "sparkLight": "#cc1d1d",
2280
+ "sparkDark": "#e79494"
2281
+ }
2282
+ },
2283
+ {
2284
+ "type": "text",
2285
+ "figmaToken": "--color-rainbow-5-text",
2286
+ "tailwindClass": ".text-rainbow-5",
2287
+ "cssProperty": "color",
2288
+ "values": {
2289
+ "oceanLight": "#32504c",
2290
+ "oceanDark": "#6aa9a0",
2291
+ "sparkLight": "#32504c",
2292
+ "sparkDark": "#6aa9a0"
2293
+ }
2294
+ },
2295
+ {
2296
+ "type": "text",
2297
+ "figmaToken": "--color-rainbow-6-text",
2298
+ "tailwindClass": ".text-rainbow-6",
2299
+ "cssProperty": "color",
2300
+ "values": {
2301
+ "oceanLight": "#ab2d58",
2302
+ "oceanDark": "#cf869f",
2303
+ "sparkLight": "#ab2d58",
2304
+ "sparkDark": "#cf869f"
2305
+ }
2306
+ },
2307
+ {
2308
+ "type": "text",
2309
+ "figmaToken": "--color-rainbow-7-text",
2310
+ "tailwindClass": ".text-rainbow-7",
2311
+ "cssProperty": "color",
2312
+ "values": {
2313
+ "oceanLight": "#106f15",
2314
+ "oceanDark": "#66b16a",
2315
+ "sparkLight": "#106f15",
2316
+ "sparkDark": "#66b16a"
2317
+ }
2318
+ },
2319
+ {
2320
+ "type": "text",
2321
+ "figmaToken": "--color-rainbow-8-text",
2322
+ "tailwindClass": ".text-rainbow-8",
2323
+ "cssProperty": "color",
2324
+ "values": {
2325
+ "oceanLight": "#1f717d",
2326
+ "oceanDark": "#71b2bc",
2327
+ "sparkLight": "#1f717d",
2328
+ "sparkDark": "#71b2bc"
2329
+ }
2330
+ },
2331
+ {
2332
+ "type": "text",
2333
+ "figmaToken": "--color-rainbow-9-text",
2334
+ "tailwindClass": ".text-rainbow-9",
2335
+ "cssProperty": "color",
2336
+ "values": {
2337
+ "oceanLight": "#5c6e1f",
2338
+ "oceanDark": "#8da930",
2339
+ "sparkLight": "#5c6e1f",
2340
+ "sparkDark": "#8da930"
2341
+ }
2342
+ }
2343
+ ]
2344
+ }