vira 28.14.0 → 28.16.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.
@@ -0,0 +1,948 @@
1
+ import { defineColorTheme } from 'theme-vir/dist/color/color-theme.js';
2
+ import { viraColorPalette } from './vira-color-palette.js';
3
+ /**
4
+ * A theme for Vira.
5
+ *
6
+ * @category Color
7
+ */
8
+ export const viraColorTheme = defineColorTheme({
9
+ foreground: 'black',
10
+ background: 'white',
11
+ }, {
12
+ 'vira-teal-ahead-background-body': {
13
+ foreground: viraColorPalette['vira-teal-70'],
14
+ },
15
+ 'vira-teal-ahead-background-header': {
16
+ foreground: viraColorPalette['vira-teal-50'],
17
+ },
18
+ 'vira-teal-ahead-background-placeholder': {
19
+ foreground: viraColorPalette['vira-teal-40'],
20
+ },
21
+ 'vira-teal-ahead-background-decoration': {
22
+ foreground: viraColorPalette['vira-teal-20'],
23
+ },
24
+ 'vira-teal-behind-background-body': {
25
+ foreground: {
26
+ refDefaultBackground: true,
27
+ },
28
+ background: viraColorPalette['vira-teal-70'],
29
+ },
30
+ 'vira-teal-behind-background-header': {
31
+ foreground: {
32
+ refDefaultBackground: true,
33
+ },
34
+ background: viraColorPalette['vira-teal-50'],
35
+ },
36
+ 'vira-teal-behind-background-placeholder': {
37
+ foreground: {
38
+ refDefaultBackground: true,
39
+ },
40
+ background: viraColorPalette['vira-teal-30'],
41
+ },
42
+ 'vira-teal-behind-background-decoration': {
43
+ foreground: {
44
+ refDefaultBackground: true,
45
+ },
46
+ background: viraColorPalette['vira-teal-20'],
47
+ },
48
+ 'vira-teal-ahead-foreground-body': {
49
+ foreground: viraColorPalette['vira-teal-20'],
50
+ background: {
51
+ refDefaultForeground: true,
52
+ },
53
+ },
54
+ 'vira-teal-ahead-foreground-header': {
55
+ foreground: viraColorPalette['vira-teal-50'],
56
+ background: {
57
+ refDefaultForeground: true,
58
+ },
59
+ },
60
+ 'vira-teal-ahead-foreground-placeholder': {
61
+ foreground: viraColorPalette['vira-teal-60'],
62
+ background: {
63
+ refDefaultForeground: true,
64
+ },
65
+ },
66
+ 'vira-teal-ahead-foreground-decoration': {
67
+ foreground: viraColorPalette['vira-teal-70'],
68
+ background: {
69
+ refDefaultForeground: true,
70
+ },
71
+ },
72
+ 'vira-teal-behind-foreground-body': {
73
+ background: viraColorPalette['vira-teal-20'],
74
+ },
75
+ 'vira-teal-behind-foreground-header': {
76
+ background: viraColorPalette['vira-teal-50'],
77
+ },
78
+ 'vira-teal-behind-foreground-placeholder': {
79
+ background: viraColorPalette['vira-teal-60'],
80
+ },
81
+ 'vira-teal-behind-foreground-decoration': {
82
+ background: viraColorPalette['vira-teal-70'],
83
+ },
84
+ 'vira-teal-self-light-front-body': {
85
+ foreground: '#c9f6ee',
86
+ background: viraColorPalette['vira-teal-80'],
87
+ },
88
+ 'vira-teal-self-light-front-header': {
89
+ foreground: '#c9f6ee',
90
+ background: viraColorPalette['vira-teal-60'],
91
+ },
92
+ 'vira-teal-self-light-front-placeholder': {
93
+ foreground: '#c9f6ee',
94
+ background: viraColorPalette['vira-teal-50'],
95
+ },
96
+ 'vira-teal-self-light-front-decoration': {
97
+ foreground: '#c9f6ee',
98
+ background: viraColorPalette['vira-teal-30'],
99
+ },
100
+ 'vira-teal-self-light-back-body': {
101
+ foreground: viraColorPalette['vira-teal-90'],
102
+ background: '#c9f6ee',
103
+ },
104
+ 'vira-teal-self-light-back-header': {
105
+ foreground: viraColorPalette['vira-teal-60'],
106
+ background: '#c9f6ee',
107
+ },
108
+ 'vira-teal-self-light-back-placeholder': {
109
+ foreground: viraColorPalette['vira-teal-50'],
110
+ background: '#c9f6ee',
111
+ },
112
+ 'vira-teal-self-light-back-decoration': {
113
+ foreground: viraColorPalette['vira-teal-40'],
114
+ background: '#c9f6ee',
115
+ },
116
+ 'vira-blue-ahead-background-body': {
117
+ foreground: viraColorPalette['vira-blue-70'],
118
+ },
119
+ 'vira-blue-ahead-background-header': {
120
+ foreground: viraColorPalette['vira-blue-50'],
121
+ },
122
+ 'vira-blue-ahead-background-placeholder': {
123
+ foreground: viraColorPalette['vira-blue-40'],
124
+ },
125
+ 'vira-blue-ahead-background-decoration': {
126
+ foreground: viraColorPalette['vira-blue-30'],
127
+ },
128
+ 'vira-blue-behind-background-body': {
129
+ foreground: {
130
+ refDefaultBackground: true,
131
+ },
132
+ background: viraColorPalette['vira-blue-70'],
133
+ },
134
+ 'vira-blue-behind-background-header': {
135
+ foreground: {
136
+ refDefaultBackground: true,
137
+ },
138
+ background: viraColorPalette['vira-blue-50'],
139
+ },
140
+ 'vira-blue-behind-background-placeholder': {
141
+ foreground: {
142
+ refDefaultBackground: true,
143
+ },
144
+ background: viraColorPalette['vira-blue-40'],
145
+ },
146
+ 'vira-blue-behind-background-decoration': {
147
+ foreground: {
148
+ refDefaultBackground: true,
149
+ },
150
+ background: viraColorPalette['vira-blue-20'],
151
+ },
152
+ 'vira-blue-ahead-foreground-body': {
153
+ foreground: viraColorPalette['vira-blue-20'],
154
+ background: {
155
+ refDefaultForeground: true,
156
+ },
157
+ },
158
+ 'vira-blue-ahead-foreground-header': {
159
+ foreground: viraColorPalette['vira-blue-50'],
160
+ background: {
161
+ refDefaultForeground: true,
162
+ },
163
+ },
164
+ 'vira-blue-ahead-foreground-placeholder': {
165
+ foreground: viraColorPalette['vira-blue-60'],
166
+ background: {
167
+ refDefaultForeground: true,
168
+ },
169
+ },
170
+ 'vira-blue-ahead-foreground-decoration': {
171
+ foreground: viraColorPalette['vira-blue-70'],
172
+ background: {
173
+ refDefaultForeground: true,
174
+ },
175
+ },
176
+ 'vira-blue-behind-foreground-body': {
177
+ background: viraColorPalette['vira-blue-20'],
178
+ },
179
+ 'vira-blue-behind-foreground-header': {
180
+ background: viraColorPalette['vira-blue-50'],
181
+ },
182
+ 'vira-blue-behind-foreground-placeholder': {
183
+ background: viraColorPalette['vira-blue-60'],
184
+ },
185
+ 'vira-blue-behind-foreground-decoration': {
186
+ background: viraColorPalette['vira-blue-70'],
187
+ },
188
+ 'vira-blue-self-light-front-body': {
189
+ foreground: '#ddf0f9',
190
+ background: viraColorPalette['vira-blue-80'],
191
+ },
192
+ 'vira-blue-self-light-front-header': {
193
+ foreground: '#ddf0f9',
194
+ background: viraColorPalette['vira-blue-60'],
195
+ },
196
+ 'vira-blue-self-light-front-placeholder': {
197
+ foreground: '#ddf0f9',
198
+ background: viraColorPalette['vira-blue-50'],
199
+ },
200
+ 'vira-blue-self-light-front-decoration': {
201
+ foreground: '#ddf0f9',
202
+ background: viraColorPalette['vira-blue-30'],
203
+ },
204
+ 'vira-blue-self-light-back-body': {
205
+ foreground: viraColorPalette['vira-blue-80'],
206
+ background: '#ddf0f9',
207
+ },
208
+ 'vira-blue-self-light-back-header': {
209
+ foreground: viraColorPalette['vira-blue-60'],
210
+ background: '#ddf0f9',
211
+ },
212
+ 'vira-blue-self-light-back-placeholder': {
213
+ foreground: viraColorPalette['vira-blue-50'],
214
+ background: '#ddf0f9',
215
+ },
216
+ 'vira-blue-self-light-back-decoration': {
217
+ foreground: viraColorPalette['vira-blue-40'],
218
+ background: '#ddf0f9',
219
+ },
220
+ 'vira-purple-ahead-background-body': {
221
+ foreground: viraColorPalette['vira-purple-70'],
222
+ },
223
+ 'vira-purple-ahead-background-header': {
224
+ foreground: viraColorPalette['vira-purple-50'],
225
+ },
226
+ 'vira-purple-ahead-background-placeholder': {
227
+ foreground: viraColorPalette['vira-purple-40'],
228
+ },
229
+ 'vira-purple-ahead-background-decoration': {
230
+ foreground: viraColorPalette['vira-purple-30'],
231
+ },
232
+ 'vira-purple-behind-background-body': {
233
+ foreground: {
234
+ refDefaultBackground: true,
235
+ },
236
+ background: viraColorPalette['vira-purple-70'],
237
+ },
238
+ 'vira-purple-behind-background-header': {
239
+ foreground: {
240
+ refDefaultBackground: true,
241
+ },
242
+ background: viraColorPalette['vira-purple-50'],
243
+ },
244
+ 'vira-purple-behind-background-placeholder': {
245
+ foreground: {
246
+ refDefaultBackground: true,
247
+ },
248
+ background: viraColorPalette['vira-purple-40'],
249
+ },
250
+ 'vira-purple-behind-background-decoration': {
251
+ foreground: {
252
+ refDefaultBackground: true,
253
+ },
254
+ background: viraColorPalette['vira-purple-20'],
255
+ },
256
+ 'vira-purple-ahead-foreground-body': {
257
+ foreground: viraColorPalette['vira-purple-20'],
258
+ background: {
259
+ refDefaultForeground: true,
260
+ },
261
+ },
262
+ 'vira-purple-ahead-foreground-header': {
263
+ foreground: viraColorPalette['vira-purple-50'],
264
+ background: {
265
+ refDefaultForeground: true,
266
+ },
267
+ },
268
+ 'vira-purple-ahead-foreground-placeholder': {
269
+ foreground: viraColorPalette['vira-purple-60'],
270
+ background: {
271
+ refDefaultForeground: true,
272
+ },
273
+ },
274
+ 'vira-purple-ahead-foreground-decoration': {
275
+ foreground: viraColorPalette['vira-purple-70'],
276
+ background: {
277
+ refDefaultForeground: true,
278
+ },
279
+ },
280
+ 'vira-purple-behind-foreground-body': {
281
+ background: viraColorPalette['vira-purple-20'],
282
+ },
283
+ 'vira-purple-behind-foreground-header': {
284
+ background: viraColorPalette['vira-purple-50'],
285
+ },
286
+ 'vira-purple-behind-foreground-placeholder': {
287
+ background: viraColorPalette['vira-purple-60'],
288
+ },
289
+ 'vira-purple-behind-foreground-decoration': {
290
+ background: viraColorPalette['vira-purple-70'],
291
+ },
292
+ 'vira-purple-self-light-front-body': {
293
+ foreground: '#f0eafb',
294
+ background: viraColorPalette['vira-purple-80'],
295
+ },
296
+ 'vira-purple-self-light-front-header': {
297
+ foreground: '#f0eafb',
298
+ background: viraColorPalette['vira-purple-60'],
299
+ },
300
+ 'vira-purple-self-light-front-placeholder': {
301
+ foreground: '#f0eafb',
302
+ background: viraColorPalette['vira-purple-50'],
303
+ },
304
+ 'vira-purple-self-light-front-decoration': {
305
+ foreground: '#f0eafb',
306
+ background: viraColorPalette['vira-purple-30'],
307
+ },
308
+ 'vira-purple-self-light-back-body': {
309
+ foreground: viraColorPalette['vira-purple-90'],
310
+ background: '#f0eafb',
311
+ },
312
+ 'vira-purple-self-light-back-header': {
313
+ foreground: viraColorPalette['vira-purple-60'],
314
+ background: '#f0eafb',
315
+ },
316
+ 'vira-purple-self-light-back-placeholder': {
317
+ foreground: viraColorPalette['vira-purple-50'],
318
+ background: '#f0eafb',
319
+ },
320
+ 'vira-purple-self-light-back-decoration': {
321
+ foreground: viraColorPalette['vira-purple-40'],
322
+ background: '#f0eafb',
323
+ },
324
+ 'vira-pink-ahead-background-body': {
325
+ foreground: viraColorPalette['vira-pink-70'],
326
+ },
327
+ 'vira-pink-ahead-background-header': {
328
+ foreground: viraColorPalette['vira-pink-50'],
329
+ },
330
+ 'vira-pink-ahead-background-placeholder': {
331
+ foreground: viraColorPalette['vira-pink-40'],
332
+ },
333
+ 'vira-pink-ahead-background-decoration': {
334
+ foreground: viraColorPalette['vira-pink-30'],
335
+ },
336
+ 'vira-pink-behind-background-body': {
337
+ foreground: {
338
+ refDefaultBackground: true,
339
+ },
340
+ background: viraColorPalette['vira-pink-70'],
341
+ },
342
+ 'vira-pink-behind-background-header': {
343
+ foreground: {
344
+ refDefaultBackground: true,
345
+ },
346
+ background: viraColorPalette['vira-pink-50'],
347
+ },
348
+ 'vira-pink-behind-background-placeholder': {
349
+ foreground: {
350
+ refDefaultBackground: true,
351
+ },
352
+ background: viraColorPalette['vira-pink-40'],
353
+ },
354
+ 'vira-pink-behind-background-decoration': {
355
+ foreground: {
356
+ refDefaultBackground: true,
357
+ },
358
+ background: viraColorPalette['vira-pink-20'],
359
+ },
360
+ 'vira-pink-ahead-foreground-body': {
361
+ foreground: viraColorPalette['vira-pink-20'],
362
+ background: {
363
+ refDefaultForeground: true,
364
+ },
365
+ },
366
+ 'vira-pink-ahead-foreground-header': {
367
+ foreground: viraColorPalette['vira-pink-50'],
368
+ background: {
369
+ refDefaultForeground: true,
370
+ },
371
+ },
372
+ 'vira-pink-ahead-foreground-placeholder': {
373
+ foreground: viraColorPalette['vira-pink-60'],
374
+ background: {
375
+ refDefaultForeground: true,
376
+ },
377
+ },
378
+ 'vira-pink-ahead-foreground-decoration': {
379
+ foreground: viraColorPalette['vira-pink-70'],
380
+ background: {
381
+ refDefaultForeground: true,
382
+ },
383
+ },
384
+ 'vira-pink-behind-foreground-body': {
385
+ background: viraColorPalette['vira-pink-20'],
386
+ },
387
+ 'vira-pink-behind-foreground-header': {
388
+ background: viraColorPalette['vira-pink-50'],
389
+ },
390
+ 'vira-pink-behind-foreground-placeholder': {
391
+ background: viraColorPalette['vira-pink-60'],
392
+ },
393
+ 'vira-pink-behind-foreground-decoration': {
394
+ background: viraColorPalette['vira-pink-70'],
395
+ },
396
+ 'vira-pink-self-light-front-body': {
397
+ foreground: '#fbe7f9',
398
+ background: viraColorPalette['vira-pink-80'],
399
+ },
400
+ 'vira-pink-self-light-front-header': {
401
+ foreground: '#fbe7f9',
402
+ background: viraColorPalette['vira-pink-60'],
403
+ },
404
+ 'vira-pink-self-light-front-placeholder': {
405
+ foreground: '#fbe7f9',
406
+ background: viraColorPalette['vira-pink-50'],
407
+ },
408
+ 'vira-pink-self-light-front-decoration': {
409
+ foreground: '#fbe7f9',
410
+ background: viraColorPalette['vira-pink-30'],
411
+ },
412
+ 'vira-pink-self-light-back-body': {
413
+ foreground: viraColorPalette['vira-pink-80'],
414
+ background: '#fbe7f9',
415
+ },
416
+ 'vira-pink-self-light-back-header': {
417
+ foreground: viraColorPalette['vira-pink-60'],
418
+ background: '#fbe7f9',
419
+ },
420
+ 'vira-pink-self-light-back-placeholder': {
421
+ foreground: viraColorPalette['vira-pink-50'],
422
+ background: '#fbe7f9',
423
+ },
424
+ 'vira-pink-self-light-back-decoration': {
425
+ foreground: viraColorPalette['vira-pink-40'],
426
+ background: '#fbe7f9',
427
+ },
428
+ 'vira-red-ahead-background-body': {
429
+ foreground: viraColorPalette['vira-red-70'],
430
+ },
431
+ 'vira-red-ahead-background-header': {
432
+ foreground: viraColorPalette['vira-red-50'],
433
+ },
434
+ 'vira-red-ahead-background-placeholder': {
435
+ foreground: viraColorPalette['vira-red-40'],
436
+ },
437
+ 'vira-red-ahead-background-decoration': {
438
+ foreground: viraColorPalette['vira-red-30'],
439
+ },
440
+ 'vira-red-behind-background-body': {
441
+ foreground: {
442
+ refDefaultBackground: true,
443
+ },
444
+ background: viraColorPalette['vira-red-70'],
445
+ },
446
+ 'vira-red-behind-background-header': {
447
+ foreground: {
448
+ refDefaultBackground: true,
449
+ },
450
+ background: viraColorPalette['vira-red-50'],
451
+ },
452
+ 'vira-red-behind-background-placeholder': {
453
+ foreground: {
454
+ refDefaultBackground: true,
455
+ },
456
+ background: viraColorPalette['vira-red-40'],
457
+ },
458
+ 'vira-red-behind-background-decoration': {
459
+ foreground: {
460
+ refDefaultBackground: true,
461
+ },
462
+ background: viraColorPalette['vira-red-20'],
463
+ },
464
+ 'vira-red-ahead-foreground-body': {
465
+ foreground: viraColorPalette['vira-red-20'],
466
+ background: {
467
+ refDefaultForeground: true,
468
+ },
469
+ },
470
+ 'vira-red-ahead-foreground-header': {
471
+ foreground: viraColorPalette['vira-red-50'],
472
+ background: {
473
+ refDefaultForeground: true,
474
+ },
475
+ },
476
+ 'vira-red-ahead-foreground-placeholder': {
477
+ foreground: viraColorPalette['vira-red-60'],
478
+ background: {
479
+ refDefaultForeground: true,
480
+ },
481
+ },
482
+ 'vira-red-ahead-foreground-decoration': {
483
+ foreground: viraColorPalette['vira-red-70'],
484
+ background: {
485
+ refDefaultForeground: true,
486
+ },
487
+ },
488
+ 'vira-red-behind-foreground-body': {
489
+ background: viraColorPalette['vira-red-20'],
490
+ },
491
+ 'vira-red-behind-foreground-header': {
492
+ background: viraColorPalette['vira-red-50'],
493
+ },
494
+ 'vira-red-behind-foreground-placeholder': {
495
+ background: viraColorPalette['vira-red-60'],
496
+ },
497
+ 'vira-red-behind-foreground-decoration': {
498
+ background: viraColorPalette['vira-red-70'],
499
+ },
500
+ 'vira-red-self-light-front-body': {
501
+ foreground: '#fbe8ec',
502
+ background: viraColorPalette['vira-red-90'],
503
+ },
504
+ 'vira-red-self-light-front-header': {
505
+ foreground: '#fbe8ec',
506
+ background: viraColorPalette['vira-red-60'],
507
+ },
508
+ 'vira-red-self-light-front-placeholder': {
509
+ foreground: '#fbe8ec',
510
+ background: viraColorPalette['vira-red-50'],
511
+ },
512
+ 'vira-red-self-light-front-decoration': {
513
+ foreground: '#fbe8ec',
514
+ background: viraColorPalette['vira-red-30'],
515
+ },
516
+ 'vira-red-self-light-back-body': {
517
+ foreground: viraColorPalette['vira-red-90'],
518
+ background: '#fbe8ec',
519
+ },
520
+ 'vira-red-self-light-back-header': {
521
+ foreground: viraColorPalette['vira-red-60'],
522
+ background: '#fbe8ec',
523
+ },
524
+ 'vira-red-self-light-back-placeholder': {
525
+ foreground: viraColorPalette['vira-red-50'],
526
+ background: '#fbe8ec',
527
+ },
528
+ 'vira-red-self-light-back-decoration': {
529
+ foreground: viraColorPalette['vira-red-40'],
530
+ background: '#fbe8ec',
531
+ },
532
+ 'vira-orange-ahead-background-body': {
533
+ foreground: viraColorPalette['vira-orange-70'],
534
+ },
535
+ 'vira-orange-ahead-background-header': {
536
+ foreground: viraColorPalette['vira-orange-50'],
537
+ },
538
+ 'vira-orange-ahead-background-placeholder': {
539
+ foreground: viraColorPalette['vira-orange-40'],
540
+ },
541
+ 'vira-orange-ahead-background-decoration': {
542
+ foreground: viraColorPalette['vira-orange-30'],
543
+ },
544
+ 'vira-orange-behind-background-body': {
545
+ foreground: {
546
+ refDefaultBackground: true,
547
+ },
548
+ background: viraColorPalette['vira-orange-70'],
549
+ },
550
+ 'vira-orange-behind-background-header': {
551
+ foreground: {
552
+ refDefaultBackground: true,
553
+ },
554
+ background: viraColorPalette['vira-orange-50'],
555
+ },
556
+ 'vira-orange-behind-background-placeholder': {
557
+ foreground: {
558
+ refDefaultBackground: true,
559
+ },
560
+ background: viraColorPalette['vira-orange-40'],
561
+ },
562
+ 'vira-orange-behind-background-decoration': {
563
+ foreground: {
564
+ refDefaultBackground: true,
565
+ },
566
+ background: viraColorPalette['vira-orange-20'],
567
+ },
568
+ 'vira-orange-ahead-foreground-body': {
569
+ foreground: viraColorPalette['vira-orange-20'],
570
+ background: {
571
+ refDefaultForeground: true,
572
+ },
573
+ },
574
+ 'vira-orange-ahead-foreground-header': {
575
+ foreground: viraColorPalette['vira-orange-50'],
576
+ background: {
577
+ refDefaultForeground: true,
578
+ },
579
+ },
580
+ 'vira-orange-ahead-foreground-placeholder': {
581
+ foreground: viraColorPalette['vira-orange-60'],
582
+ background: {
583
+ refDefaultForeground: true,
584
+ },
585
+ },
586
+ 'vira-orange-ahead-foreground-decoration': {
587
+ foreground: viraColorPalette['vira-orange-70'],
588
+ background: {
589
+ refDefaultForeground: true,
590
+ },
591
+ },
592
+ 'vira-orange-behind-foreground-body': {
593
+ background: viraColorPalette['vira-orange-20'],
594
+ },
595
+ 'vira-orange-behind-foreground-header': {
596
+ background: viraColorPalette['vira-orange-50'],
597
+ },
598
+ 'vira-orange-behind-foreground-placeholder': {
599
+ background: viraColorPalette['vira-orange-60'],
600
+ },
601
+ 'vira-orange-behind-foreground-decoration': {
602
+ background: viraColorPalette['vira-orange-70'],
603
+ },
604
+ 'vira-orange-self-light-front-body': {
605
+ foreground: '#f8ebd9',
606
+ background: viraColorPalette['vira-orange-80'],
607
+ },
608
+ 'vira-orange-self-light-front-header': {
609
+ foreground: '#f8ebd9',
610
+ background: viraColorPalette['vira-orange-60'],
611
+ },
612
+ 'vira-orange-self-light-front-placeholder': {
613
+ foreground: '#f8ebd9',
614
+ background: viraColorPalette['vira-orange-50'],
615
+ },
616
+ 'vira-orange-self-light-front-decoration': {
617
+ foreground: '#f8ebd9',
618
+ background: viraColorPalette['vira-orange-30'],
619
+ },
620
+ 'vira-orange-self-light-back-body': {
621
+ foreground: viraColorPalette['vira-orange-80'],
622
+ background: '#f8ebd9',
623
+ },
624
+ 'vira-orange-self-light-back-header': {
625
+ foreground: viraColorPalette['vira-orange-60'],
626
+ background: '#f8ebd9',
627
+ },
628
+ 'vira-orange-self-light-back-placeholder': {
629
+ foreground: viraColorPalette['vira-orange-50'],
630
+ background: '#f8ebd9',
631
+ },
632
+ 'vira-orange-self-light-back-decoration': {
633
+ foreground: viraColorPalette['vira-orange-40'],
634
+ background: '#f8ebd9',
635
+ },
636
+ 'vira-green-ahead-background-body': {
637
+ foreground: viraColorPalette['vira-green-70'],
638
+ },
639
+ 'vira-green-ahead-background-header': {
640
+ foreground: viraColorPalette['vira-green-50'],
641
+ },
642
+ 'vira-green-ahead-background-placeholder': {
643
+ foreground: viraColorPalette['vira-green-40'],
644
+ },
645
+ 'vira-green-ahead-background-decoration': {
646
+ foreground: viraColorPalette['vira-green-30'],
647
+ },
648
+ 'vira-green-behind-background-body': {
649
+ foreground: {
650
+ refDefaultBackground: true,
651
+ },
652
+ background: viraColorPalette['vira-green-70'],
653
+ },
654
+ 'vira-green-behind-background-header': {
655
+ foreground: {
656
+ refDefaultBackground: true,
657
+ },
658
+ background: viraColorPalette['vira-green-50'],
659
+ },
660
+ 'vira-green-behind-background-placeholder': {
661
+ foreground: {
662
+ refDefaultBackground: true,
663
+ },
664
+ background: viraColorPalette['vira-green-30'],
665
+ },
666
+ 'vira-green-behind-background-decoration': {
667
+ foreground: {
668
+ refDefaultBackground: true,
669
+ },
670
+ background: viraColorPalette['vira-green-20'],
671
+ },
672
+ 'vira-green-ahead-foreground-body': {
673
+ foreground: viraColorPalette['vira-green-20'],
674
+ background: {
675
+ refDefaultForeground: true,
676
+ },
677
+ },
678
+ 'vira-green-ahead-foreground-header': {
679
+ foreground: viraColorPalette['vira-green-50'],
680
+ background: {
681
+ refDefaultForeground: true,
682
+ },
683
+ },
684
+ 'vira-green-ahead-foreground-placeholder': {
685
+ foreground: viraColorPalette['vira-green-60'],
686
+ background: {
687
+ refDefaultForeground: true,
688
+ },
689
+ },
690
+ 'vira-green-ahead-foreground-decoration': {
691
+ foreground: viraColorPalette['vira-green-70'],
692
+ background: {
693
+ refDefaultForeground: true,
694
+ },
695
+ },
696
+ 'vira-green-behind-foreground-body': {
697
+ background: viraColorPalette['vira-green-20'],
698
+ },
699
+ 'vira-green-behind-foreground-header': {
700
+ background: viraColorPalette['vira-green-50'],
701
+ },
702
+ 'vira-green-behind-foreground-placeholder': {
703
+ background: viraColorPalette['vira-green-60'],
704
+ },
705
+ 'vira-green-behind-foreground-decoration': {
706
+ background: viraColorPalette['vira-green-70'],
707
+ },
708
+ 'vira-green-self-light-front-body': {
709
+ foreground: '#e2f4bd',
710
+ background: viraColorPalette['vira-green-80'],
711
+ },
712
+ 'vira-green-self-light-front-header': {
713
+ foreground: '#e2f4bd',
714
+ background: viraColorPalette['vira-green-60'],
715
+ },
716
+ 'vira-green-self-light-front-placeholder': {
717
+ foreground: '#e2f4bd',
718
+ background: viraColorPalette['vira-green-50'],
719
+ },
720
+ 'vira-green-self-light-front-decoration': {
721
+ foreground: '#e2f4bd',
722
+ background: viraColorPalette['vira-green-30'],
723
+ },
724
+ 'vira-green-self-light-back-body': {
725
+ foreground: viraColorPalette['vira-green-90'],
726
+ background: '#e2f4bd',
727
+ },
728
+ 'vira-green-self-light-back-header': {
729
+ foreground: viraColorPalette['vira-green-60'],
730
+ background: '#e2f4bd',
731
+ },
732
+ 'vira-green-self-light-back-placeholder': {
733
+ foreground: viraColorPalette['vira-green-50'],
734
+ background: '#e2f4bd',
735
+ },
736
+ 'vira-green-self-light-back-decoration': {
737
+ foreground: viraColorPalette['vira-green-40'],
738
+ background: '#e2f4bd',
739
+ },
740
+ 'vira-yellow-ahead-background-body': {
741
+ foreground: viraColorPalette['vira-yellow-70'],
742
+ },
743
+ 'vira-yellow-ahead-background-header': {
744
+ foreground: viraColorPalette['vira-yellow-50'],
745
+ },
746
+ 'vira-yellow-ahead-background-placeholder': {
747
+ foreground: viraColorPalette['vira-yellow-40'],
748
+ },
749
+ 'vira-yellow-ahead-background-decoration': {
750
+ foreground: viraColorPalette['vira-yellow-30'],
751
+ },
752
+ 'vira-yellow-behind-background-body': {
753
+ foreground: {
754
+ refDefaultBackground: true,
755
+ },
756
+ background: viraColorPalette['vira-yellow-70'],
757
+ },
758
+ 'vira-yellow-behind-background-header': {
759
+ foreground: {
760
+ refDefaultBackground: true,
761
+ },
762
+ background: viraColorPalette['vira-yellow-50'],
763
+ },
764
+ 'vira-yellow-behind-background-placeholder': {
765
+ foreground: {
766
+ refDefaultBackground: true,
767
+ },
768
+ background: viraColorPalette['vira-yellow-40'],
769
+ },
770
+ 'vira-yellow-behind-background-decoration': {
771
+ foreground: {
772
+ refDefaultBackground: true,
773
+ },
774
+ background: viraColorPalette['vira-yellow-20'],
775
+ },
776
+ 'vira-yellow-ahead-foreground-body': {
777
+ foreground: viraColorPalette['vira-yellow-20'],
778
+ background: {
779
+ refDefaultForeground: true,
780
+ },
781
+ },
782
+ 'vira-yellow-ahead-foreground-header': {
783
+ foreground: viraColorPalette['vira-yellow-50'],
784
+ background: {
785
+ refDefaultForeground: true,
786
+ },
787
+ },
788
+ 'vira-yellow-ahead-foreground-placeholder': {
789
+ foreground: viraColorPalette['vira-yellow-60'],
790
+ background: {
791
+ refDefaultForeground: true,
792
+ },
793
+ },
794
+ 'vira-yellow-ahead-foreground-decoration': {
795
+ foreground: viraColorPalette['vira-yellow-70'],
796
+ background: {
797
+ refDefaultForeground: true,
798
+ },
799
+ },
800
+ 'vira-yellow-behind-foreground-body': {
801
+ background: viraColorPalette['vira-yellow-20'],
802
+ },
803
+ 'vira-yellow-behind-foreground-header': {
804
+ background: viraColorPalette['vira-yellow-50'],
805
+ },
806
+ 'vira-yellow-behind-foreground-placeholder': {
807
+ background: viraColorPalette['vira-yellow-60'],
808
+ },
809
+ 'vira-yellow-behind-foreground-decoration': {
810
+ background: viraColorPalette['vira-yellow-70'],
811
+ },
812
+ 'vira-yellow-self-light-front-body': {
813
+ foreground: '#f3f199',
814
+ background: viraColorPalette['vira-yellow-90'],
815
+ },
816
+ 'vira-yellow-self-light-front-header': {
817
+ foreground: '#f3f199',
818
+ background: viraColorPalette['vira-yellow-60'],
819
+ },
820
+ 'vira-yellow-self-light-front-placeholder': {
821
+ foreground: '#f3f199',
822
+ background: viraColorPalette['vira-yellow-50'],
823
+ },
824
+ 'vira-yellow-self-light-front-decoration': {
825
+ foreground: '#f3f199',
826
+ background: viraColorPalette['vira-yellow-30'],
827
+ },
828
+ 'vira-yellow-self-light-back-body': {
829
+ foreground: viraColorPalette['vira-yellow-90'],
830
+ background: '#f3f199',
831
+ },
832
+ 'vira-yellow-self-light-back-header': {
833
+ foreground: viraColorPalette['vira-yellow-60'],
834
+ background: '#f3f199',
835
+ },
836
+ 'vira-yellow-self-light-back-placeholder': {
837
+ foreground: viraColorPalette['vira-yellow-50'],
838
+ background: '#f3f199',
839
+ },
840
+ 'vira-yellow-self-light-back-decoration': {
841
+ foreground: viraColorPalette['vira-yellow-40'],
842
+ background: '#f3f199',
843
+ },
844
+ 'vira-grey-ahead-background-body': {
845
+ foreground: viraColorPalette['vira-grey-70'],
846
+ },
847
+ 'vira-grey-ahead-background-header': {
848
+ foreground: viraColorPalette['vira-grey-50'],
849
+ },
850
+ 'vira-grey-ahead-background-placeholder': {
851
+ foreground: viraColorPalette['vira-grey-40'],
852
+ },
853
+ 'vira-grey-ahead-background-decoration': {
854
+ foreground: viraColorPalette['vira-grey-20'],
855
+ },
856
+ 'vira-grey-behind-background-body': {
857
+ foreground: {
858
+ refDefaultBackground: true,
859
+ },
860
+ background: viraColorPalette['vira-grey-70'],
861
+ },
862
+ 'vira-grey-behind-background-header': {
863
+ foreground: {
864
+ refDefaultBackground: true,
865
+ },
866
+ background: viraColorPalette['vira-grey-50'],
867
+ },
868
+ 'vira-grey-behind-background-placeholder': {
869
+ foreground: {
870
+ refDefaultBackground: true,
871
+ },
872
+ background: viraColorPalette['vira-grey-30'],
873
+ },
874
+ 'vira-grey-behind-background-decoration': {
875
+ foreground: {
876
+ refDefaultBackground: true,
877
+ },
878
+ background: viraColorPalette['vira-grey-20'],
879
+ },
880
+ 'vira-grey-ahead-foreground-body': {
881
+ foreground: viraColorPalette['vira-grey-20'],
882
+ background: {
883
+ refDefaultForeground: true,
884
+ },
885
+ },
886
+ 'vira-grey-ahead-foreground-header': {
887
+ foreground: viraColorPalette['vira-grey-50'],
888
+ background: {
889
+ refDefaultForeground: true,
890
+ },
891
+ },
892
+ 'vira-grey-ahead-foreground-placeholder': {
893
+ foreground: viraColorPalette['vira-grey-60'],
894
+ background: {
895
+ refDefaultForeground: true,
896
+ },
897
+ },
898
+ 'vira-grey-ahead-foreground-decoration': {
899
+ foreground: viraColorPalette['vira-grey-70'],
900
+ background: {
901
+ refDefaultForeground: true,
902
+ },
903
+ },
904
+ 'vira-grey-behind-foreground-body': {
905
+ background: viraColorPalette['vira-grey-20'],
906
+ },
907
+ 'vira-grey-behind-foreground-header': {
908
+ background: viraColorPalette['vira-grey-50'],
909
+ },
910
+ 'vira-grey-behind-foreground-placeholder': {
911
+ background: viraColorPalette['vira-grey-60'],
912
+ },
913
+ 'vira-grey-behind-foreground-decoration': {
914
+ background: viraColorPalette['vira-grey-70'],
915
+ },
916
+ 'vira-grey-self-light-front-body': {
917
+ foreground: '#ededed',
918
+ background: viraColorPalette['vira-grey-80'],
919
+ },
920
+ 'vira-grey-self-light-front-header': {
921
+ foreground: '#ededed',
922
+ background: viraColorPalette['vira-grey-60'],
923
+ },
924
+ 'vira-grey-self-light-front-placeholder': {
925
+ foreground: '#ededed',
926
+ background: viraColorPalette['vira-grey-50'],
927
+ },
928
+ 'vira-grey-self-light-front-decoration': {
929
+ foreground: '#ededed',
930
+ background: viraColorPalette['vira-grey-30'],
931
+ },
932
+ 'vira-grey-self-light-back-body': {
933
+ foreground: viraColorPalette['vira-grey-80'],
934
+ background: '#ededed',
935
+ },
936
+ 'vira-grey-self-light-back-header': {
937
+ foreground: viraColorPalette['vira-grey-60'],
938
+ background: '#ededed',
939
+ },
940
+ 'vira-grey-self-light-back-placeholder': {
941
+ foreground: viraColorPalette['vira-grey-50'],
942
+ background: '#ededed',
943
+ },
944
+ 'vira-grey-self-light-back-decoration': {
945
+ foreground: viraColorPalette['vira-grey-40'],
946
+ background: '#ededed',
947
+ },
948
+ });