vira 29.2.2 → 29.3.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 (9) hide show
  1. package/dist/elements/vira-button.element.d.ts +3 -2
  2. package/dist/elements/vira-button.element.js +25 -6
  3. package/dist/styles/form-styles.d.ts +3 -0
  4. package/dist/styles/form-styles.js +17 -13
  5. package/dist/styles/vira-color-palette.d.ts +1 -0
  6. package/dist/styles/vira-color-palette.js +1 -0
  7. package/dist/styles/vira-color-theme.d.ts +612 -234
  8. package/dist/styles/vira-color-theme.js +675 -234
  9. package/package.json +1 -1
package/dist/styles/vira-color-theme.d.ts CHANGED
@@ -25,71 +25,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
25
25
  readonly 'vira-red-foreground-invisible': {
26
26
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
27
27
  };
28
- readonly 'vira-red-background-small-body': {
28
+ readonly 'vira-red-behind-bg-small-body': {
29
29
  readonly foreground: {
30
30
  readonly refDefaultBackground: true;
31
31
  };
32
32
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
33
33
  };
34
- readonly 'vira-red-background-body': {
34
+ readonly 'vira-red-behind-bg-body': {
35
35
  readonly foreground: {
36
36
  readonly refDefaultBackground: true;
37
37
  };
38
38
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
39
39
  };
40
- readonly 'vira-red-background-non-body': {
40
+ readonly 'vira-red-behind-bg-non-body': {
41
41
  readonly foreground: {
42
42
  readonly refDefaultBackground: true;
43
43
  };
44
44
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
45
45
  };
46
- readonly 'vira-red-background-header': {
46
+ readonly 'vira-red-behind-bg-header': {
47
47
  readonly foreground: {
48
48
  readonly refDefaultBackground: true;
49
49
  };
50
50
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
51
51
  };
52
- readonly 'vira-red-background-placeholder': {
52
+ readonly 'vira-red-behind-bg-placeholder': {
53
53
  readonly foreground: {
54
54
  readonly refDefaultBackground: true;
55
55
  };
56
56
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
57
57
  };
58
- readonly 'vira-red-background-decoration': {
58
+ readonly 'vira-red-behind-bg-decoration': {
59
59
  readonly foreground: {
60
60
  readonly refDefaultBackground: true;
61
61
  };
62
62
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
63
63
  };
64
- readonly 'vira-red-background-invisible': {
64
+ readonly 'vira-red-behind-bg-invisible': {
65
65
  readonly foreground: {
66
66
  readonly refDefaultBackground: true;
67
67
  };
68
68
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
69
69
  };
70
+ readonly 'vira-red-behind-fg-small-body': {
71
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
72
+ };
73
+ readonly 'vira-red-behind-fg-body': {
74
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
75
+ };
76
+ readonly 'vira-red-behind-fg-non-body': {
77
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
78
+ };
79
+ readonly 'vira-red-behind-fg-header': {
80
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
81
+ };
82
+ readonly 'vira-red-behind-fg-placeholder': {
83
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
84
+ };
85
+ readonly 'vira-red-behind-fg-decoration': {
86
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
87
+ };
88
+ readonly 'vira-red-behind-fg-invisible': {
89
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
90
+ };
70
91
  readonly 'vira-red-on-self-body': {
71
92
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
72
- readonly background: "#ffe9e6";
93
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
73
94
  };
74
95
  readonly 'vira-red-on-self-non-body': {
75
96
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
76
- readonly background: "#ffe9e6";
97
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
77
98
  };
78
99
  readonly 'vira-red-on-self-header': {
79
100
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
80
- readonly background: "#ffe9e6";
101
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
81
102
  };
82
103
  readonly 'vira-red-on-self-placeholder': {
83
104
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
84
- readonly background: "#ffe9e6";
105
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
85
106
  };
86
107
  readonly 'vira-red-on-self-decoration': {
87
108
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
88
- readonly background: "#ffe9e6";
109
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
89
110
  };
90
111
  readonly 'vira-red-on-self-invisible': {
91
112
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
92
- readonly background: "#ffe9e6";
113
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
93
114
  };
94
115
  readonly 'vira-orange-foreground-small-body': {
95
116
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -112,71 +133,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
112
133
  readonly 'vira-orange-foreground-invisible': {
113
134
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
114
135
  };
115
- readonly 'vira-orange-background-small-body': {
136
+ readonly 'vira-orange-behind-bg-small-body': {
116
137
  readonly foreground: {
117
138
  readonly refDefaultBackground: true;
118
139
  };
119
140
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
120
141
  };
121
- readonly 'vira-orange-background-body': {
142
+ readonly 'vira-orange-behind-bg-body': {
122
143
  readonly foreground: {
123
144
  readonly refDefaultBackground: true;
124
145
  };
125
146
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
126
147
  };
127
- readonly 'vira-orange-background-non-body': {
148
+ readonly 'vira-orange-behind-bg-non-body': {
128
149
  readonly foreground: {
129
150
  readonly refDefaultBackground: true;
130
151
  };
131
152
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
132
153
  };
133
- readonly 'vira-orange-background-header': {
154
+ readonly 'vira-orange-behind-bg-header': {
134
155
  readonly foreground: {
135
156
  readonly refDefaultBackground: true;
136
157
  };
137
158
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
138
159
  };
139
- readonly 'vira-orange-background-placeholder': {
160
+ readonly 'vira-orange-behind-bg-placeholder': {
140
161
  readonly foreground: {
141
162
  readonly refDefaultBackground: true;
142
163
  };
143
164
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
144
165
  };
145
- readonly 'vira-orange-background-decoration': {
166
+ readonly 'vira-orange-behind-bg-decoration': {
146
167
  readonly foreground: {
147
168
  readonly refDefaultBackground: true;
148
169
  };
149
170
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
150
171
  };
151
- readonly 'vira-orange-background-invisible': {
172
+ readonly 'vira-orange-behind-bg-invisible': {
152
173
  readonly foreground: {
153
174
  readonly refDefaultBackground: true;
154
175
  };
155
176
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
156
177
  };
178
+ readonly 'vira-orange-behind-fg-small-body': {
179
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
180
+ };
181
+ readonly 'vira-orange-behind-fg-body': {
182
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
183
+ };
184
+ readonly 'vira-orange-behind-fg-non-body': {
185
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
186
+ };
187
+ readonly 'vira-orange-behind-fg-header': {
188
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
189
+ };
190
+ readonly 'vira-orange-behind-fg-placeholder': {
191
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
192
+ };
193
+ readonly 'vira-orange-behind-fg-decoration': {
194
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
195
+ };
196
+ readonly 'vira-orange-behind-fg-invisible': {
197
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
198
+ };
157
199
  readonly 'vira-orange-on-self-body': {
158
200
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
159
- readonly background: "#ffebd1";
201
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
160
202
  };
161
203
  readonly 'vira-orange-on-self-non-body': {
162
204
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
163
- readonly background: "#ffebd1";
205
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
164
206
  };
165
207
  readonly 'vira-orange-on-self-header': {
166
208
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
167
- readonly background: "#ffebd1";
209
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
168
210
  };
169
211
  readonly 'vira-orange-on-self-placeholder': {
170
212
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
171
- readonly background: "#ffebd1";
213
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
172
214
  };
173
215
  readonly 'vira-orange-on-self-decoration': {
174
216
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
175
- readonly background: "#ffebd1";
217
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
176
218
  };
177
219
  readonly 'vira-orange-on-self-invisible': {
178
220
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
179
- readonly background: "#ffebd1";
221
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
180
222
  };
181
223
  readonly 'vira-yellow-foreground-small-body': {
182
224
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -199,71 +241,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
199
241
  readonly 'vira-yellow-foreground-invisible': {
200
242
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
201
243
  };
202
- readonly 'vira-yellow-background-small-body': {
244
+ readonly 'vira-yellow-behind-bg-small-body': {
203
245
  readonly foreground: {
204
246
  readonly refDefaultBackground: true;
205
247
  };
206
248
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
207
249
  };
208
- readonly 'vira-yellow-background-body': {
250
+ readonly 'vira-yellow-behind-bg-body': {
209
251
  readonly foreground: {
210
252
  readonly refDefaultBackground: true;
211
253
  };
212
254
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
213
255
  };
214
- readonly 'vira-yellow-background-non-body': {
256
+ readonly 'vira-yellow-behind-bg-non-body': {
215
257
  readonly foreground: {
216
258
  readonly refDefaultBackground: true;
217
259
  };
218
260
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
219
261
  };
220
- readonly 'vira-yellow-background-header': {
262
+ readonly 'vira-yellow-behind-bg-header': {
221
263
  readonly foreground: {
222
264
  readonly refDefaultBackground: true;
223
265
  };
224
266
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
225
267
  };
226
- readonly 'vira-yellow-background-placeholder': {
268
+ readonly 'vira-yellow-behind-bg-placeholder': {
227
269
  readonly foreground: {
228
270
  readonly refDefaultBackground: true;
229
271
  };
230
272
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
231
273
  };
232
- readonly 'vira-yellow-background-decoration': {
274
+ readonly 'vira-yellow-behind-bg-decoration': {
233
275
  readonly foreground: {
234
276
  readonly refDefaultBackground: true;
235
277
  };
236
278
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
237
279
  };
238
- readonly 'vira-yellow-background-invisible': {
280
+ readonly 'vira-yellow-behind-bg-invisible': {
239
281
  readonly foreground: {
240
282
  readonly refDefaultBackground: true;
241
283
  };
242
284
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
243
285
  };
286
+ readonly 'vira-yellow-behind-fg-small-body': {
287
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
288
+ };
289
+ readonly 'vira-yellow-behind-fg-body': {
290
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
291
+ };
292
+ readonly 'vira-yellow-behind-fg-non-body': {
293
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
294
+ };
295
+ readonly 'vira-yellow-behind-fg-header': {
296
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
297
+ };
298
+ readonly 'vira-yellow-behind-fg-placeholder': {
299
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
300
+ };
301
+ readonly 'vira-yellow-behind-fg-decoration': {
302
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
303
+ };
304
+ readonly 'vira-yellow-behind-fg-invisible': {
305
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
306
+ };
244
307
  readonly 'vira-yellow-on-self-body': {
245
308
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
246
- readonly background: "#f7eeca";
309
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
247
310
  };
248
311
  readonly 'vira-yellow-on-self-non-body': {
249
312
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
250
- readonly background: "#f7eeca";
313
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
251
314
  };
252
315
  readonly 'vira-yellow-on-self-header': {
253
316
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
254
- readonly background: "#f7eeca";
317
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
255
318
  };
256
319
  readonly 'vira-yellow-on-self-placeholder': {
257
320
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
258
- readonly background: "#f7eeca";
321
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
259
322
  };
260
323
  readonly 'vira-yellow-on-self-decoration': {
261
324
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
262
- readonly background: "#f7eeca";
325
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
263
326
  };
264
327
  readonly 'vira-yellow-on-self-invisible': {
265
328
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
266
- readonly background: "#f7eeca";
329
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
267
330
  };
268
331
  readonly 'vira-green-foreground-small-body': {
269
332
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -286,71 +349,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
286
349
  readonly 'vira-green-foreground-invisible': {
287
350
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
288
351
  };
289
- readonly 'vira-green-background-small-body': {
352
+ readonly 'vira-green-behind-bg-small-body': {
290
353
  readonly foreground: {
291
354
  readonly refDefaultBackground: true;
292
355
  };
293
356
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
294
357
  };
295
- readonly 'vira-green-background-body': {
358
+ readonly 'vira-green-behind-bg-body': {
296
359
  readonly foreground: {
297
360
  readonly refDefaultBackground: true;
298
361
  };
299
362
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
300
363
  };
301
- readonly 'vira-green-background-non-body': {
364
+ readonly 'vira-green-behind-bg-non-body': {
302
365
  readonly foreground: {
303
366
  readonly refDefaultBackground: true;
304
367
  };
305
368
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
306
369
  };
307
- readonly 'vira-green-background-header': {
370
+ readonly 'vira-green-behind-bg-header': {
308
371
  readonly foreground: {
309
372
  readonly refDefaultBackground: true;
310
373
  };
311
374
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
312
375
  };
313
- readonly 'vira-green-background-placeholder': {
376
+ readonly 'vira-green-behind-bg-placeholder': {
314
377
  readonly foreground: {
315
378
  readonly refDefaultBackground: true;
316
379
  };
317
380
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
318
381
  };
319
- readonly 'vira-green-background-decoration': {
382
+ readonly 'vira-green-behind-bg-decoration': {
320
383
  readonly foreground: {
321
384
  readonly refDefaultBackground: true;
322
385
  };
323
386
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
324
387
  };
325
- readonly 'vira-green-background-invisible': {
388
+ readonly 'vira-green-behind-bg-invisible': {
326
389
  readonly foreground: {
327
390
  readonly refDefaultBackground: true;
328
391
  };
329
392
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
330
393
  };
394
+ readonly 'vira-green-behind-fg-small-body': {
395
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
396
+ };
397
+ readonly 'vira-green-behind-fg-body': {
398
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
399
+ };
400
+ readonly 'vira-green-behind-fg-non-body': {
401
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
402
+ };
403
+ readonly 'vira-green-behind-fg-header': {
404
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
405
+ };
406
+ readonly 'vira-green-behind-fg-placeholder': {
407
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
408
+ };
409
+ readonly 'vira-green-behind-fg-decoration': {
410
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
411
+ };
412
+ readonly 'vira-green-behind-fg-invisible': {
413
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
414
+ };
331
415
  readonly 'vira-green-on-self-body': {
332
416
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
333
- readonly background: "#d3f8cf";
417
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
334
418
  };
335
419
  readonly 'vira-green-on-self-non-body': {
336
420
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
337
- readonly background: "#d3f8cf";
421
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
338
422
  };
339
423
  readonly 'vira-green-on-self-header': {
340
424
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
341
- readonly background: "#d3f8cf";
425
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
342
426
  };
343
427
  readonly 'vira-green-on-self-placeholder': {
344
428
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
345
- readonly background: "#d3f8cf";
429
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
346
430
  };
347
431
  readonly 'vira-green-on-self-decoration': {
348
432
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
349
- readonly background: "#d3f8cf";
433
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
350
434
  };
351
435
  readonly 'vira-green-on-self-invisible': {
352
436
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
353
- readonly background: "#d3f8cf";
437
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
354
438
  };
355
439
  readonly 'vira-teal-foreground-small-body': {
356
440
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -373,71 +457,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
373
457
  readonly 'vira-teal-foreground-invisible': {
374
458
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
375
459
  };
376
- readonly 'vira-teal-background-small-body': {
460
+ readonly 'vira-teal-behind-bg-small-body': {
377
461
  readonly foreground: {
378
462
  readonly refDefaultBackground: true;
379
463
  };
380
464
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
381
465
  };
382
- readonly 'vira-teal-background-body': {
466
+ readonly 'vira-teal-behind-bg-body': {
383
467
  readonly foreground: {
384
468
  readonly refDefaultBackground: true;
385
469
  };
386
470
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
387
471
  };
388
- readonly 'vira-teal-background-non-body': {
472
+ readonly 'vira-teal-behind-bg-non-body': {
389
473
  readonly foreground: {
390
474
  readonly refDefaultBackground: true;
391
475
  };
392
476
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
393
477
  };
394
- readonly 'vira-teal-background-header': {
478
+ readonly 'vira-teal-behind-bg-header': {
395
479
  readonly foreground: {
396
480
  readonly refDefaultBackground: true;
397
481
  };
398
482
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
399
483
  };
400
- readonly 'vira-teal-background-placeholder': {
484
+ readonly 'vira-teal-behind-bg-placeholder': {
401
485
  readonly foreground: {
402
486
  readonly refDefaultBackground: true;
403
487
  };
404
488
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
405
489
  };
406
- readonly 'vira-teal-background-decoration': {
490
+ readonly 'vira-teal-behind-bg-decoration': {
407
491
  readonly foreground: {
408
492
  readonly refDefaultBackground: true;
409
493
  };
410
494
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
411
495
  };
412
- readonly 'vira-teal-background-invisible': {
496
+ readonly 'vira-teal-behind-bg-invisible': {
413
497
  readonly foreground: {
414
498
  readonly refDefaultBackground: true;
415
499
  };
416
500
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
417
501
  };
502
+ readonly 'vira-teal-behind-fg-small-body': {
503
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
504
+ };
505
+ readonly 'vira-teal-behind-fg-body': {
506
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
507
+ };
508
+ readonly 'vira-teal-behind-fg-non-body': {
509
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
510
+ };
511
+ readonly 'vira-teal-behind-fg-header': {
512
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
513
+ };
514
+ readonly 'vira-teal-behind-fg-placeholder': {
515
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
516
+ };
517
+ readonly 'vira-teal-behind-fg-decoration': {
518
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
519
+ };
520
+ readonly 'vira-teal-behind-fg-invisible': {
521
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
522
+ };
418
523
  readonly 'vira-teal-on-self-body': {
419
524
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
420
- readonly background: "#d4f5f3";
525
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
421
526
  };
422
527
  readonly 'vira-teal-on-self-non-body': {
423
528
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
424
- readonly background: "#d4f5f3";
529
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
425
530
  };
426
531
  readonly 'vira-teal-on-self-header': {
427
532
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
428
- readonly background: "#d4f5f3";
533
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
429
534
  };
430
535
  readonly 'vira-teal-on-self-placeholder': {
431
536
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
432
- readonly background: "#d4f5f3";
537
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
433
538
  };
434
539
  readonly 'vira-teal-on-self-decoration': {
435
540
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
436
- readonly background: "#d4f5f3";
541
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
437
542
  };
438
543
  readonly 'vira-teal-on-self-invisible': {
439
544
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
440
- readonly background: "#d4f5f3";
545
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
441
546
  };
442
547
  readonly 'vira-blue-foreground-small-body': {
443
548
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -460,71 +565,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
460
565
  readonly 'vira-blue-foreground-invisible': {
461
566
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
462
567
  };
463
- readonly 'vira-blue-background-small-body': {
568
+ readonly 'vira-blue-behind-bg-small-body': {
464
569
  readonly foreground: {
465
570
  readonly refDefaultBackground: true;
466
571
  };
467
572
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
468
573
  };
469
- readonly 'vira-blue-background-body': {
574
+ readonly 'vira-blue-behind-bg-body': {
470
575
  readonly foreground: {
471
576
  readonly refDefaultBackground: true;
472
577
  };
473
578
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
474
579
  };
475
- readonly 'vira-blue-background-non-body': {
580
+ readonly 'vira-blue-behind-bg-non-body': {
476
581
  readonly foreground: {
477
582
  readonly refDefaultBackground: true;
478
583
  };
479
584
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
480
585
  };
481
- readonly 'vira-blue-background-header': {
586
+ readonly 'vira-blue-behind-bg-header': {
482
587
  readonly foreground: {
483
588
  readonly refDefaultBackground: true;
484
589
  };
485
590
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
486
591
  };
487
- readonly 'vira-blue-background-placeholder': {
592
+ readonly 'vira-blue-behind-bg-placeholder': {
488
593
  readonly foreground: {
489
594
  readonly refDefaultBackground: true;
490
595
  };
491
596
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
492
597
  };
493
- readonly 'vira-blue-background-decoration': {
598
+ readonly 'vira-blue-behind-bg-decoration': {
494
599
  readonly foreground: {
495
600
  readonly refDefaultBackground: true;
496
601
  };
497
602
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
498
603
  };
499
- readonly 'vira-blue-background-invisible': {
604
+ readonly 'vira-blue-behind-bg-invisible': {
500
605
  readonly foreground: {
501
606
  readonly refDefaultBackground: true;
502
607
  };
503
608
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
504
609
  };
610
+ readonly 'vira-blue-behind-fg-small-body': {
611
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
612
+ };
613
+ readonly 'vira-blue-behind-fg-body': {
614
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
615
+ };
616
+ readonly 'vira-blue-behind-fg-non-body': {
617
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
618
+ };
619
+ readonly 'vira-blue-behind-fg-header': {
620
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
621
+ };
622
+ readonly 'vira-blue-behind-fg-placeholder': {
623
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
624
+ };
625
+ readonly 'vira-blue-behind-fg-decoration': {
626
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
627
+ };
628
+ readonly 'vira-blue-behind-fg-invisible': {
629
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
630
+ };
505
631
  readonly 'vira-blue-on-self-body': {
506
632
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
507
- readonly background: "#daf2ff";
633
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
508
634
  };
509
635
  readonly 'vira-blue-on-self-non-body': {
510
636
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
511
- readonly background: "#daf2ff";
637
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
512
638
  };
513
639
  readonly 'vira-blue-on-self-header': {
514
640
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
515
- readonly background: "#daf2ff";
641
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
516
642
  };
517
643
  readonly 'vira-blue-on-self-placeholder': {
518
644
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
519
- readonly background: "#daf2ff";
645
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
520
646
  };
521
647
  readonly 'vira-blue-on-self-decoration': {
522
648
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
523
- readonly background: "#daf2ff";
649
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
524
650
  };
525
651
  readonly 'vira-blue-on-self-invisible': {
526
652
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
527
- readonly background: "#daf2ff";
653
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
528
654
  };
529
655
  readonly 'vira-purple-foreground-small-body': {
530
656
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -547,71 +673,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
547
673
  readonly 'vira-purple-foreground-invisible': {
548
674
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
549
675
  };
550
- readonly 'vira-purple-background-small-body': {
676
+ readonly 'vira-purple-behind-bg-small-body': {
551
677
  readonly foreground: {
552
678
  readonly refDefaultBackground: true;
553
679
  };
554
680
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
555
681
  };
556
- readonly 'vira-purple-background-body': {
682
+ readonly 'vira-purple-behind-bg-body': {
557
683
  readonly foreground: {
558
684
  readonly refDefaultBackground: true;
559
685
  };
560
686
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
561
687
  };
562
- readonly 'vira-purple-background-non-body': {
688
+ readonly 'vira-purple-behind-bg-non-body': {
563
689
  readonly foreground: {
564
690
  readonly refDefaultBackground: true;
565
691
  };
566
692
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
567
693
  };
568
- readonly 'vira-purple-background-header': {
694
+ readonly 'vira-purple-behind-bg-header': {
569
695
  readonly foreground: {
570
696
  readonly refDefaultBackground: true;
571
697
  };
572
698
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
573
699
  };
574
- readonly 'vira-purple-background-placeholder': {
700
+ readonly 'vira-purple-behind-bg-placeholder': {
575
701
  readonly foreground: {
576
702
  readonly refDefaultBackground: true;
577
703
  };
578
704
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
579
705
  };
580
- readonly 'vira-purple-background-decoration': {
706
+ readonly 'vira-purple-behind-bg-decoration': {
581
707
  readonly foreground: {
582
708
  readonly refDefaultBackground: true;
583
709
  };
584
710
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
585
711
  };
586
- readonly 'vira-purple-background-invisible': {
712
+ readonly 'vira-purple-behind-bg-invisible': {
587
713
  readonly foreground: {
588
714
  readonly refDefaultBackground: true;
589
715
  };
590
716
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
591
717
  };
718
+ readonly 'vira-purple-behind-fg-small-body': {
719
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
720
+ };
721
+ readonly 'vira-purple-behind-fg-body': {
722
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
723
+ };
724
+ readonly 'vira-purple-behind-fg-non-body': {
725
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
726
+ };
727
+ readonly 'vira-purple-behind-fg-header': {
728
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
729
+ };
730
+ readonly 'vira-purple-behind-fg-placeholder': {
731
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
732
+ };
733
+ readonly 'vira-purple-behind-fg-decoration': {
734
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
735
+ };
736
+ readonly 'vira-purple-behind-fg-invisible': {
737
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
738
+ };
592
739
  readonly 'vira-purple-on-self-body': {
593
740
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
594
- readonly background: "#f6eaff";
741
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
595
742
  };
596
743
  readonly 'vira-purple-on-self-non-body': {
597
744
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
598
- readonly background: "#f6eaff";
745
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
599
746
  };
600
747
  readonly 'vira-purple-on-self-header': {
601
748
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
602
- readonly background: "#f6eaff";
749
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
603
750
  };
604
751
  readonly 'vira-purple-on-self-placeholder': {
605
752
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
606
- readonly background: "#f6eaff";
753
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
607
754
  };
608
755
  readonly 'vira-purple-on-self-decoration': {
609
756
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
610
- readonly background: "#f6eaff";
757
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
611
758
  };
612
759
  readonly 'vira-purple-on-self-invisible': {
613
760
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
614
- readonly background: "#f6eaff";
761
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
615
762
  };
616
763
  readonly 'vira-pink-foreground-small-body': {
617
764
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -634,71 +781,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
634
781
  readonly 'vira-pink-foreground-invisible': {
635
782
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
636
783
  };
637
- readonly 'vira-pink-background-small-body': {
784
+ readonly 'vira-pink-behind-bg-small-body': {
638
785
  readonly foreground: {
639
786
  readonly refDefaultBackground: true;
640
787
  };
641
788
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
642
789
  };
643
- readonly 'vira-pink-background-body': {
790
+ readonly 'vira-pink-behind-bg-body': {
644
791
  readonly foreground: {
645
792
  readonly refDefaultBackground: true;
646
793
  };
647
794
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
648
795
  };
649
- readonly 'vira-pink-background-non-body': {
796
+ readonly 'vira-pink-behind-bg-non-body': {
650
797
  readonly foreground: {
651
798
  readonly refDefaultBackground: true;
652
799
  };
653
800
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
654
801
  };
655
- readonly 'vira-pink-background-header': {
802
+ readonly 'vira-pink-behind-bg-header': {
656
803
  readonly foreground: {
657
804
  readonly refDefaultBackground: true;
658
805
  };
659
806
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
660
807
  };
661
- readonly 'vira-pink-background-placeholder': {
808
+ readonly 'vira-pink-behind-bg-placeholder': {
662
809
  readonly foreground: {
663
810
  readonly refDefaultBackground: true;
664
811
  };
665
812
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
666
813
  };
667
- readonly 'vira-pink-background-decoration': {
814
+ readonly 'vira-pink-behind-bg-decoration': {
668
815
  readonly foreground: {
669
816
  readonly refDefaultBackground: true;
670
817
  };
671
818
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
672
819
  };
673
- readonly 'vira-pink-background-invisible': {
820
+ readonly 'vira-pink-behind-bg-invisible': {
674
821
  readonly foreground: {
675
822
  readonly refDefaultBackground: true;
676
823
  };
677
824
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
678
825
  };
826
+ readonly 'vira-pink-behind-fg-small-body': {
827
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
828
+ };
829
+ readonly 'vira-pink-behind-fg-body': {
830
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
831
+ };
832
+ readonly 'vira-pink-behind-fg-non-body': {
833
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
834
+ };
835
+ readonly 'vira-pink-behind-fg-header': {
836
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
837
+ };
838
+ readonly 'vira-pink-behind-fg-placeholder': {
839
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
840
+ };
841
+ readonly 'vira-pink-behind-fg-decoration': {
842
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
843
+ };
844
+ readonly 'vira-pink-behind-fg-invisible': {
845
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
846
+ };
679
847
  readonly 'vira-pink-on-self-body': {
680
848
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
681
- readonly background: "#ffe7fb";
849
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
682
850
  };
683
851
  readonly 'vira-pink-on-self-non-body': {
684
852
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
685
- readonly background: "#ffe7fb";
853
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
686
854
  };
687
855
  readonly 'vira-pink-on-self-header': {
688
856
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
689
- readonly background: "#ffe7fb";
857
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
690
858
  };
691
859
  readonly 'vira-pink-on-self-placeholder': {
692
860
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
693
- readonly background: "#ffe7fb";
861
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
694
862
  };
695
863
  readonly 'vira-pink-on-self-decoration': {
696
864
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
697
- readonly background: "#ffe7fb";
865
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
698
866
  };
699
867
  readonly 'vira-pink-on-self-invisible': {
700
868
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
701
- readonly background: "#ffe7fb";
869
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
702
870
  };
703
871
  readonly 'vira-grey-foreground-small-body': {
704
872
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -721,71 +889,92 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
721
889
  readonly 'vira-grey-foreground-invisible': {
722
890
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
723
891
  };
724
- readonly 'vira-grey-background-small-body': {
892
+ readonly 'vira-grey-behind-bg-small-body': {
725
893
  readonly foreground: {
726
894
  readonly refDefaultBackground: true;
727
895
  };
728
896
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
729
897
  };
730
- readonly 'vira-grey-background-body': {
898
+ readonly 'vira-grey-behind-bg-body': {
731
899
  readonly foreground: {
732
900
  readonly refDefaultBackground: true;
733
901
  };
734
902
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
735
903
  };
736
- readonly 'vira-grey-background-non-body': {
904
+ readonly 'vira-grey-behind-bg-non-body': {
737
905
  readonly foreground: {
738
906
  readonly refDefaultBackground: true;
739
907
  };
740
908
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
741
909
  };
742
- readonly 'vira-grey-background-header': {
910
+ readonly 'vira-grey-behind-bg-header': {
743
911
  readonly foreground: {
744
912
  readonly refDefaultBackground: true;
745
913
  };
746
914
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
747
915
  };
748
- readonly 'vira-grey-background-placeholder': {
916
+ readonly 'vira-grey-behind-bg-placeholder': {
749
917
  readonly foreground: {
750
918
  readonly refDefaultBackground: true;
751
919
  };
752
920
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
753
921
  };
754
- readonly 'vira-grey-background-decoration': {
922
+ readonly 'vira-grey-behind-bg-decoration': {
755
923
  readonly foreground: {
756
924
  readonly refDefaultBackground: true;
757
925
  };
758
926
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
759
927
  };
760
- readonly 'vira-grey-background-invisible': {
928
+ readonly 'vira-grey-behind-bg-invisible': {
761
929
  readonly foreground: {
762
930
  readonly refDefaultBackground: true;
763
931
  };
764
932
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
765
933
  };
934
+ readonly 'vira-grey-behind-fg-small-body': {
935
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
936
+ };
937
+ readonly 'vira-grey-behind-fg-body': {
938
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
939
+ };
940
+ readonly 'vira-grey-behind-fg-non-body': {
941
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
942
+ };
943
+ readonly 'vira-grey-behind-fg-header': {
944
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
945
+ };
946
+ readonly 'vira-grey-behind-fg-placeholder': {
947
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
948
+ };
949
+ readonly 'vira-grey-behind-fg-decoration': {
950
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
951
+ };
952
+ readonly 'vira-grey-behind-fg-invisible': {
953
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
954
+ };
766
955
  readonly 'vira-grey-on-self-body': {
767
956
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
768
- readonly background: "#eceff0";
957
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
769
958
  };
770
959
  readonly 'vira-grey-on-self-non-body': {
771
960
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
772
- readonly background: "#eceff0";
961
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
773
962
  };
774
963
  readonly 'vira-grey-on-self-header': {
775
964
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
776
- readonly background: "#eceff0";
965
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
777
966
  };
778
967
  readonly 'vira-grey-on-self-placeholder': {
779
968
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
780
- readonly background: "#eceff0";
969
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
781
970
  };
782
971
  readonly 'vira-grey-on-self-decoration': {
783
972
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
784
- readonly background: "#eceff0";
973
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
785
974
  };
786
975
  readonly 'vira-grey-on-self-invisible': {
787
976
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
788
- readonly background: "#eceff0";
977
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
789
978
  };
790
979
  }>;
791
980
  /**
@@ -815,71 +1004,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
815
1004
  readonly 'vira-red-foreground-invisible': {
816
1005
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
817
1006
  };
818
- readonly 'vira-red-background-small-body': {
1007
+ readonly 'vira-red-behind-bg-small-body': {
819
1008
  readonly foreground: {
820
1009
  readonly refDefaultBackground: true;
821
1010
  };
822
1011
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
823
1012
  };
824
- readonly 'vira-red-background-body': {
1013
+ readonly 'vira-red-behind-bg-body': {
825
1014
  readonly foreground: {
826
1015
  readonly refDefaultBackground: true;
827
1016
  };
828
1017
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
829
1018
  };
830
- readonly 'vira-red-background-non-body': {
1019
+ readonly 'vira-red-behind-bg-non-body': {
831
1020
  readonly foreground: {
832
1021
  readonly refDefaultBackground: true;
833
1022
  };
834
1023
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
835
1024
  };
836
- readonly 'vira-red-background-header': {
1025
+ readonly 'vira-red-behind-bg-header': {
837
1026
  readonly foreground: {
838
1027
  readonly refDefaultBackground: true;
839
1028
  };
840
1029
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
841
1030
  };
842
- readonly 'vira-red-background-placeholder': {
1031
+ readonly 'vira-red-behind-bg-placeholder': {
843
1032
  readonly foreground: {
844
1033
  readonly refDefaultBackground: true;
845
1034
  };
846
1035
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
847
1036
  };
848
- readonly 'vira-red-background-decoration': {
1037
+ readonly 'vira-red-behind-bg-decoration': {
849
1038
  readonly foreground: {
850
1039
  readonly refDefaultBackground: true;
851
1040
  };
852
1041
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
853
1042
  };
854
- readonly 'vira-red-background-invisible': {
1043
+ readonly 'vira-red-behind-bg-invisible': {
855
1044
  readonly foreground: {
856
1045
  readonly refDefaultBackground: true;
857
1046
  };
858
1047
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
859
1048
  };
1049
+ readonly 'vira-red-behind-fg-small-body': {
1050
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1051
+ };
1052
+ readonly 'vira-red-behind-fg-body': {
1053
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1054
+ };
1055
+ readonly 'vira-red-behind-fg-non-body': {
1056
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1057
+ };
1058
+ readonly 'vira-red-behind-fg-header': {
1059
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1060
+ };
1061
+ readonly 'vira-red-behind-fg-placeholder': {
1062
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1063
+ };
1064
+ readonly 'vira-red-behind-fg-decoration': {
1065
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1066
+ };
1067
+ readonly 'vira-red-behind-fg-invisible': {
1068
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1069
+ };
860
1070
  readonly 'vira-red-on-self-body': {
861
1071
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
862
- readonly background: "#ffe9e6";
1072
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
863
1073
  };
864
1074
  readonly 'vira-red-on-self-non-body': {
865
1075
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
866
- readonly background: "#ffe9e6";
1076
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
867
1077
  };
868
1078
  readonly 'vira-red-on-self-header': {
869
1079
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
870
- readonly background: "#ffe9e6";
1080
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
871
1081
  };
872
1082
  readonly 'vira-red-on-self-placeholder': {
873
1083
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
874
- readonly background: "#ffe9e6";
1084
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
875
1085
  };
876
1086
  readonly 'vira-red-on-self-decoration': {
877
1087
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
878
- readonly background: "#ffe9e6";
1088
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
879
1089
  };
880
1090
  readonly 'vira-red-on-self-invisible': {
881
1091
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
882
- readonly background: "#ffe9e6";
1092
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
883
1093
  };
884
1094
  readonly 'vira-orange-foreground-small-body': {
885
1095
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -902,71 +1112,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
902
1112
  readonly 'vira-orange-foreground-invisible': {
903
1113
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
904
1114
  };
905
- readonly 'vira-orange-background-small-body': {
1115
+ readonly 'vira-orange-behind-bg-small-body': {
906
1116
  readonly foreground: {
907
1117
  readonly refDefaultBackground: true;
908
1118
  };
909
1119
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
910
1120
  };
911
- readonly 'vira-orange-background-body': {
1121
+ readonly 'vira-orange-behind-bg-body': {
912
1122
  readonly foreground: {
913
1123
  readonly refDefaultBackground: true;
914
1124
  };
915
1125
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
916
1126
  };
917
- readonly 'vira-orange-background-non-body': {
1127
+ readonly 'vira-orange-behind-bg-non-body': {
918
1128
  readonly foreground: {
919
1129
  readonly refDefaultBackground: true;
920
1130
  };
921
1131
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
922
1132
  };
923
- readonly 'vira-orange-background-header': {
1133
+ readonly 'vira-orange-behind-bg-header': {
924
1134
  readonly foreground: {
925
1135
  readonly refDefaultBackground: true;
926
1136
  };
927
1137
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
928
1138
  };
929
- readonly 'vira-orange-background-placeholder': {
1139
+ readonly 'vira-orange-behind-bg-placeholder': {
930
1140
  readonly foreground: {
931
1141
  readonly refDefaultBackground: true;
932
1142
  };
933
1143
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
934
1144
  };
935
- readonly 'vira-orange-background-decoration': {
1145
+ readonly 'vira-orange-behind-bg-decoration': {
936
1146
  readonly foreground: {
937
1147
  readonly refDefaultBackground: true;
938
1148
  };
939
1149
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
940
1150
  };
941
- readonly 'vira-orange-background-invisible': {
1151
+ readonly 'vira-orange-behind-bg-invisible': {
942
1152
  readonly foreground: {
943
1153
  readonly refDefaultBackground: true;
944
1154
  };
945
1155
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
946
1156
  };
1157
+ readonly 'vira-orange-behind-fg-small-body': {
1158
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1159
+ };
1160
+ readonly 'vira-orange-behind-fg-body': {
1161
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1162
+ };
1163
+ readonly 'vira-orange-behind-fg-non-body': {
1164
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1165
+ };
1166
+ readonly 'vira-orange-behind-fg-header': {
1167
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1168
+ };
1169
+ readonly 'vira-orange-behind-fg-placeholder': {
1170
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1171
+ };
1172
+ readonly 'vira-orange-behind-fg-decoration': {
1173
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1174
+ };
1175
+ readonly 'vira-orange-behind-fg-invisible': {
1176
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1177
+ };
947
1178
  readonly 'vira-orange-on-self-body': {
948
1179
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
949
- readonly background: "#ffebd1";
1180
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
950
1181
  };
951
1182
  readonly 'vira-orange-on-self-non-body': {
952
1183
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
953
- readonly background: "#ffebd1";
1184
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
954
1185
  };
955
1186
  readonly 'vira-orange-on-self-header': {
956
1187
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
957
- readonly background: "#ffebd1";
1188
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
958
1189
  };
959
1190
  readonly 'vira-orange-on-self-placeholder': {
960
1191
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
961
- readonly background: "#ffebd1";
1192
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
962
1193
  };
963
1194
  readonly 'vira-orange-on-self-decoration': {
964
1195
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
965
- readonly background: "#ffebd1";
1196
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
966
1197
  };
967
1198
  readonly 'vira-orange-on-self-invisible': {
968
1199
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
969
- readonly background: "#ffebd1";
1200
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
970
1201
  };
971
1202
  readonly 'vira-yellow-foreground-small-body': {
972
1203
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -989,71 +1220,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
989
1220
  readonly 'vira-yellow-foreground-invisible': {
990
1221
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
991
1222
  };
992
- readonly 'vira-yellow-background-small-body': {
1223
+ readonly 'vira-yellow-behind-bg-small-body': {
993
1224
  readonly foreground: {
994
1225
  readonly refDefaultBackground: true;
995
1226
  };
996
1227
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
997
1228
  };
998
- readonly 'vira-yellow-background-body': {
1229
+ readonly 'vira-yellow-behind-bg-body': {
999
1230
  readonly foreground: {
1000
1231
  readonly refDefaultBackground: true;
1001
1232
  };
1002
1233
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1003
1234
  };
1004
- readonly 'vira-yellow-background-non-body': {
1235
+ readonly 'vira-yellow-behind-bg-non-body': {
1005
1236
  readonly foreground: {
1006
1237
  readonly refDefaultBackground: true;
1007
1238
  };
1008
1239
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1009
1240
  };
1010
- readonly 'vira-yellow-background-header': {
1241
+ readonly 'vira-yellow-behind-bg-header': {
1011
1242
  readonly foreground: {
1012
1243
  readonly refDefaultBackground: true;
1013
1244
  };
1014
1245
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1015
1246
  };
1016
- readonly 'vira-yellow-background-placeholder': {
1247
+ readonly 'vira-yellow-behind-bg-placeholder': {
1017
1248
  readonly foreground: {
1018
1249
  readonly refDefaultBackground: true;
1019
1250
  };
1020
1251
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1021
1252
  };
1022
- readonly 'vira-yellow-background-decoration': {
1253
+ readonly 'vira-yellow-behind-bg-decoration': {
1023
1254
  readonly foreground: {
1024
1255
  readonly refDefaultBackground: true;
1025
1256
  };
1026
1257
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1027
1258
  };
1028
- readonly 'vira-yellow-background-invisible': {
1259
+ readonly 'vira-yellow-behind-bg-invisible': {
1029
1260
  readonly foreground: {
1030
1261
  readonly refDefaultBackground: true;
1031
1262
  };
1032
1263
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1033
1264
  };
1265
+ readonly 'vira-yellow-behind-fg-small-body': {
1266
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1267
+ };
1268
+ readonly 'vira-yellow-behind-fg-body': {
1269
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1270
+ };
1271
+ readonly 'vira-yellow-behind-fg-non-body': {
1272
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1273
+ };
1274
+ readonly 'vira-yellow-behind-fg-header': {
1275
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1276
+ };
1277
+ readonly 'vira-yellow-behind-fg-placeholder': {
1278
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1279
+ };
1280
+ readonly 'vira-yellow-behind-fg-decoration': {
1281
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1282
+ };
1283
+ readonly 'vira-yellow-behind-fg-invisible': {
1284
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1285
+ };
1034
1286
  readonly 'vira-yellow-on-self-body': {
1035
1287
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1036
- readonly background: "#f7eeca";
1288
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1037
1289
  };
1038
1290
  readonly 'vira-yellow-on-self-non-body': {
1039
1291
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1040
- readonly background: "#f7eeca";
1292
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1041
1293
  };
1042
1294
  readonly 'vira-yellow-on-self-header': {
1043
1295
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1044
- readonly background: "#f7eeca";
1296
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1045
1297
  };
1046
1298
  readonly 'vira-yellow-on-self-placeholder': {
1047
1299
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1048
- readonly background: "#f7eeca";
1300
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1049
1301
  };
1050
1302
  readonly 'vira-yellow-on-self-decoration': {
1051
1303
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1052
- readonly background: "#f7eeca";
1304
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1053
1305
  };
1054
1306
  readonly 'vira-yellow-on-self-invisible': {
1055
1307
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1056
- readonly background: "#f7eeca";
1308
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1057
1309
  };
1058
1310
  readonly 'vira-green-foreground-small-body': {
1059
1311
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -1076,71 +1328,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1076
1328
  readonly 'vira-green-foreground-invisible': {
1077
1329
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1078
1330
  };
1079
- readonly 'vira-green-background-small-body': {
1331
+ readonly 'vira-green-behind-bg-small-body': {
1080
1332
  readonly foreground: {
1081
1333
  readonly refDefaultBackground: true;
1082
1334
  };
1083
1335
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1084
1336
  };
1085
- readonly 'vira-green-background-body': {
1337
+ readonly 'vira-green-behind-bg-body': {
1086
1338
  readonly foreground: {
1087
1339
  readonly refDefaultBackground: true;
1088
1340
  };
1089
1341
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1090
1342
  };
1091
- readonly 'vira-green-background-non-body': {
1343
+ readonly 'vira-green-behind-bg-non-body': {
1092
1344
  readonly foreground: {
1093
1345
  readonly refDefaultBackground: true;
1094
1346
  };
1095
1347
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1096
1348
  };
1097
- readonly 'vira-green-background-header': {
1349
+ readonly 'vira-green-behind-bg-header': {
1098
1350
  readonly foreground: {
1099
1351
  readonly refDefaultBackground: true;
1100
1352
  };
1101
1353
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1102
1354
  };
1103
- readonly 'vira-green-background-placeholder': {
1355
+ readonly 'vira-green-behind-bg-placeholder': {
1104
1356
  readonly foreground: {
1105
1357
  readonly refDefaultBackground: true;
1106
1358
  };
1107
1359
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1108
1360
  };
1109
- readonly 'vira-green-background-decoration': {
1361
+ readonly 'vira-green-behind-bg-decoration': {
1110
1362
  readonly foreground: {
1111
1363
  readonly refDefaultBackground: true;
1112
1364
  };
1113
1365
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1114
1366
  };
1115
- readonly 'vira-green-background-invisible': {
1367
+ readonly 'vira-green-behind-bg-invisible': {
1116
1368
  readonly foreground: {
1117
1369
  readonly refDefaultBackground: true;
1118
1370
  };
1119
1371
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1120
1372
  };
1373
+ readonly 'vira-green-behind-fg-small-body': {
1374
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1375
+ };
1376
+ readonly 'vira-green-behind-fg-body': {
1377
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1378
+ };
1379
+ readonly 'vira-green-behind-fg-non-body': {
1380
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1381
+ };
1382
+ readonly 'vira-green-behind-fg-header': {
1383
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1384
+ };
1385
+ readonly 'vira-green-behind-fg-placeholder': {
1386
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1387
+ };
1388
+ readonly 'vira-green-behind-fg-decoration': {
1389
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1390
+ };
1391
+ readonly 'vira-green-behind-fg-invisible': {
1392
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1393
+ };
1121
1394
  readonly 'vira-green-on-self-body': {
1122
1395
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1123
- readonly background: "#d3f8cf";
1396
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1124
1397
  };
1125
1398
  readonly 'vira-green-on-self-non-body': {
1126
1399
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1127
- readonly background: "#d3f8cf";
1400
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1128
1401
  };
1129
1402
  readonly 'vira-green-on-self-header': {
1130
1403
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1131
- readonly background: "#d3f8cf";
1404
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1132
1405
  };
1133
1406
  readonly 'vira-green-on-self-placeholder': {
1134
1407
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1135
- readonly background: "#d3f8cf";
1408
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1136
1409
  };
1137
1410
  readonly 'vira-green-on-self-decoration': {
1138
1411
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1139
- readonly background: "#d3f8cf";
1412
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1140
1413
  };
1141
1414
  readonly 'vira-green-on-self-invisible': {
1142
1415
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1143
- readonly background: "#d3f8cf";
1416
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1144
1417
  };
1145
1418
  readonly 'vira-teal-foreground-small-body': {
1146
1419
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -1163,71 +1436,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1163
1436
  readonly 'vira-teal-foreground-invisible': {
1164
1437
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1165
1438
  };
1166
- readonly 'vira-teal-background-small-body': {
1439
+ readonly 'vira-teal-behind-bg-small-body': {
1167
1440
  readonly foreground: {
1168
1441
  readonly refDefaultBackground: true;
1169
1442
  };
1170
1443
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1171
1444
  };
1172
- readonly 'vira-teal-background-body': {
1445
+ readonly 'vira-teal-behind-bg-body': {
1173
1446
  readonly foreground: {
1174
1447
  readonly refDefaultBackground: true;
1175
1448
  };
1176
1449
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1177
1450
  };
1178
- readonly 'vira-teal-background-non-body': {
1451
+ readonly 'vira-teal-behind-bg-non-body': {
1179
1452
  readonly foreground: {
1180
1453
  readonly refDefaultBackground: true;
1181
1454
  };
1182
1455
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1183
1456
  };
1184
- readonly 'vira-teal-background-header': {
1457
+ readonly 'vira-teal-behind-bg-header': {
1185
1458
  readonly foreground: {
1186
1459
  readonly refDefaultBackground: true;
1187
1460
  };
1188
1461
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1189
1462
  };
1190
- readonly 'vira-teal-background-placeholder': {
1463
+ readonly 'vira-teal-behind-bg-placeholder': {
1191
1464
  readonly foreground: {
1192
1465
  readonly refDefaultBackground: true;
1193
1466
  };
1194
1467
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1195
1468
  };
1196
- readonly 'vira-teal-background-decoration': {
1469
+ readonly 'vira-teal-behind-bg-decoration': {
1197
1470
  readonly foreground: {
1198
1471
  readonly refDefaultBackground: true;
1199
1472
  };
1200
1473
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1201
1474
  };
1202
- readonly 'vira-teal-background-invisible': {
1475
+ readonly 'vira-teal-behind-bg-invisible': {
1203
1476
  readonly foreground: {
1204
1477
  readonly refDefaultBackground: true;
1205
1478
  };
1206
1479
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1207
1480
  };
1481
+ readonly 'vira-teal-behind-fg-small-body': {
1482
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1483
+ };
1484
+ readonly 'vira-teal-behind-fg-body': {
1485
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1486
+ };
1487
+ readonly 'vira-teal-behind-fg-non-body': {
1488
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1489
+ };
1490
+ readonly 'vira-teal-behind-fg-header': {
1491
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1492
+ };
1493
+ readonly 'vira-teal-behind-fg-placeholder': {
1494
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1495
+ };
1496
+ readonly 'vira-teal-behind-fg-decoration': {
1497
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1498
+ };
1499
+ readonly 'vira-teal-behind-fg-invisible': {
1500
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1501
+ };
1208
1502
  readonly 'vira-teal-on-self-body': {
1209
1503
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1210
- readonly background: "#d4f5f3";
1504
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1211
1505
  };
1212
1506
  readonly 'vira-teal-on-self-non-body': {
1213
1507
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1214
- readonly background: "#d4f5f3";
1508
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1215
1509
  };
1216
1510
  readonly 'vira-teal-on-self-header': {
1217
1511
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1218
- readonly background: "#d4f5f3";
1512
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1219
1513
  };
1220
1514
  readonly 'vira-teal-on-self-placeholder': {
1221
1515
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1222
- readonly background: "#d4f5f3";
1516
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1223
1517
  };
1224
1518
  readonly 'vira-teal-on-self-decoration': {
1225
1519
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1226
- readonly background: "#d4f5f3";
1520
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1227
1521
  };
1228
1522
  readonly 'vira-teal-on-self-invisible': {
1229
1523
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1230
- readonly background: "#d4f5f3";
1524
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1231
1525
  };
1232
1526
  readonly 'vira-blue-foreground-small-body': {
1233
1527
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -1250,71 +1544,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1250
1544
  readonly 'vira-blue-foreground-invisible': {
1251
1545
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1252
1546
  };
1253
- readonly 'vira-blue-background-small-body': {
1547
+ readonly 'vira-blue-behind-bg-small-body': {
1254
1548
  readonly foreground: {
1255
1549
  readonly refDefaultBackground: true;
1256
1550
  };
1257
1551
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1258
1552
  };
1259
- readonly 'vira-blue-background-body': {
1553
+ readonly 'vira-blue-behind-bg-body': {
1260
1554
  readonly foreground: {
1261
1555
  readonly refDefaultBackground: true;
1262
1556
  };
1263
1557
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1264
1558
  };
1265
- readonly 'vira-blue-background-non-body': {
1559
+ readonly 'vira-blue-behind-bg-non-body': {
1266
1560
  readonly foreground: {
1267
1561
  readonly refDefaultBackground: true;
1268
1562
  };
1269
1563
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1270
1564
  };
1271
- readonly 'vira-blue-background-header': {
1565
+ readonly 'vira-blue-behind-bg-header': {
1272
1566
  readonly foreground: {
1273
1567
  readonly refDefaultBackground: true;
1274
1568
  };
1275
1569
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1276
1570
  };
1277
- readonly 'vira-blue-background-placeholder': {
1571
+ readonly 'vira-blue-behind-bg-placeholder': {
1278
1572
  readonly foreground: {
1279
1573
  readonly refDefaultBackground: true;
1280
1574
  };
1281
1575
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1282
1576
  };
1283
- readonly 'vira-blue-background-decoration': {
1577
+ readonly 'vira-blue-behind-bg-decoration': {
1284
1578
  readonly foreground: {
1285
1579
  readonly refDefaultBackground: true;
1286
1580
  };
1287
1581
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1288
1582
  };
1289
- readonly 'vira-blue-background-invisible': {
1583
+ readonly 'vira-blue-behind-bg-invisible': {
1290
1584
  readonly foreground: {
1291
1585
  readonly refDefaultBackground: true;
1292
1586
  };
1293
1587
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1294
1588
  };
1589
+ readonly 'vira-blue-behind-fg-small-body': {
1590
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1591
+ };
1592
+ readonly 'vira-blue-behind-fg-body': {
1593
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1594
+ };
1595
+ readonly 'vira-blue-behind-fg-non-body': {
1596
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1597
+ };
1598
+ readonly 'vira-blue-behind-fg-header': {
1599
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1600
+ };
1601
+ readonly 'vira-blue-behind-fg-placeholder': {
1602
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1603
+ };
1604
+ readonly 'vira-blue-behind-fg-decoration': {
1605
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1606
+ };
1607
+ readonly 'vira-blue-behind-fg-invisible': {
1608
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1609
+ };
1295
1610
  readonly 'vira-blue-on-self-body': {
1296
1611
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1297
- readonly background: "#daf2ff";
1612
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1298
1613
  };
1299
1614
  readonly 'vira-blue-on-self-non-body': {
1300
1615
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1301
- readonly background: "#daf2ff";
1616
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1302
1617
  };
1303
1618
  readonly 'vira-blue-on-self-header': {
1304
1619
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1305
- readonly background: "#daf2ff";
1620
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1306
1621
  };
1307
1622
  readonly 'vira-blue-on-self-placeholder': {
1308
1623
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1309
- readonly background: "#daf2ff";
1624
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1310
1625
  };
1311
1626
  readonly 'vira-blue-on-self-decoration': {
1312
1627
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1313
- readonly background: "#daf2ff";
1628
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1314
1629
  };
1315
1630
  readonly 'vira-blue-on-self-invisible': {
1316
1631
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1317
- readonly background: "#daf2ff";
1632
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1318
1633
  };
1319
1634
  readonly 'vira-purple-foreground-small-body': {
1320
1635
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -1337,71 +1652,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1337
1652
  readonly 'vira-purple-foreground-invisible': {
1338
1653
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1339
1654
  };
1340
- readonly 'vira-purple-background-small-body': {
1655
+ readonly 'vira-purple-behind-bg-small-body': {
1341
1656
  readonly foreground: {
1342
1657
  readonly refDefaultBackground: true;
1343
1658
  };
1344
1659
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1345
1660
  };
1346
- readonly 'vira-purple-background-body': {
1661
+ readonly 'vira-purple-behind-bg-body': {
1347
1662
  readonly foreground: {
1348
1663
  readonly refDefaultBackground: true;
1349
1664
  };
1350
1665
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1351
1666
  };
1352
- readonly 'vira-purple-background-non-body': {
1667
+ readonly 'vira-purple-behind-bg-non-body': {
1353
1668
  readonly foreground: {
1354
1669
  readonly refDefaultBackground: true;
1355
1670
  };
1356
1671
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1357
1672
  };
1358
- readonly 'vira-purple-background-header': {
1673
+ readonly 'vira-purple-behind-bg-header': {
1359
1674
  readonly foreground: {
1360
1675
  readonly refDefaultBackground: true;
1361
1676
  };
1362
1677
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1363
1678
  };
1364
- readonly 'vira-purple-background-placeholder': {
1679
+ readonly 'vira-purple-behind-bg-placeholder': {
1365
1680
  readonly foreground: {
1366
1681
  readonly refDefaultBackground: true;
1367
1682
  };
1368
1683
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1369
1684
  };
1370
- readonly 'vira-purple-background-decoration': {
1685
+ readonly 'vira-purple-behind-bg-decoration': {
1371
1686
  readonly foreground: {
1372
1687
  readonly refDefaultBackground: true;
1373
1688
  };
1374
1689
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1375
1690
  };
1376
- readonly 'vira-purple-background-invisible': {
1691
+ readonly 'vira-purple-behind-bg-invisible': {
1377
1692
  readonly foreground: {
1378
1693
  readonly refDefaultBackground: true;
1379
1694
  };
1380
1695
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1381
1696
  };
1697
+ readonly 'vira-purple-behind-fg-small-body': {
1698
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1699
+ };
1700
+ readonly 'vira-purple-behind-fg-body': {
1701
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1702
+ };
1703
+ readonly 'vira-purple-behind-fg-non-body': {
1704
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1705
+ };
1706
+ readonly 'vira-purple-behind-fg-header': {
1707
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1708
+ };
1709
+ readonly 'vira-purple-behind-fg-placeholder': {
1710
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1711
+ };
1712
+ readonly 'vira-purple-behind-fg-decoration': {
1713
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1714
+ };
1715
+ readonly 'vira-purple-behind-fg-invisible': {
1716
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1717
+ };
1382
1718
  readonly 'vira-purple-on-self-body': {
1383
1719
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1384
- readonly background: "#f6eaff";
1720
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1385
1721
  };
1386
1722
  readonly 'vira-purple-on-self-non-body': {
1387
1723
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1388
- readonly background: "#f6eaff";
1724
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1389
1725
  };
1390
1726
  readonly 'vira-purple-on-self-header': {
1391
1727
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1392
- readonly background: "#f6eaff";
1728
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1393
1729
  };
1394
1730
  readonly 'vira-purple-on-self-placeholder': {
1395
1731
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1396
- readonly background: "#f6eaff";
1732
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1397
1733
  };
1398
1734
  readonly 'vira-purple-on-self-decoration': {
1399
1735
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1400
- readonly background: "#f6eaff";
1736
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1401
1737
  };
1402
1738
  readonly 'vira-purple-on-self-invisible': {
1403
1739
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1404
- readonly background: "#f6eaff";
1740
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1405
1741
  };
1406
1742
  readonly 'vira-pink-foreground-small-body': {
1407
1743
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -1424,71 +1760,92 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1424
1760
  readonly 'vira-pink-foreground-invisible': {
1425
1761
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1426
1762
  };
1427
- readonly 'vira-pink-background-small-body': {
1763
+ readonly 'vira-pink-behind-bg-small-body': {
1428
1764
  readonly foreground: {
1429
1765
  readonly refDefaultBackground: true;
1430
1766
  };
1431
1767
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1432
1768
  };
1433
- readonly 'vira-pink-background-body': {
1769
+ readonly 'vira-pink-behind-bg-body': {
1434
1770
  readonly foreground: {
1435
1771
  readonly refDefaultBackground: true;
1436
1772
  };
1437
1773
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1438
1774
  };
1439
- readonly 'vira-pink-background-non-body': {
1775
+ readonly 'vira-pink-behind-bg-non-body': {
1440
1776
  readonly foreground: {
1441
1777
  readonly refDefaultBackground: true;
1442
1778
  };
1443
1779
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1444
1780
  };
1445
- readonly 'vira-pink-background-header': {
1781
+ readonly 'vira-pink-behind-bg-header': {
1446
1782
  readonly foreground: {
1447
1783
  readonly refDefaultBackground: true;
1448
1784
  };
1449
1785
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1450
1786
  };
1451
- readonly 'vira-pink-background-placeholder': {
1787
+ readonly 'vira-pink-behind-bg-placeholder': {
1452
1788
  readonly foreground: {
1453
1789
  readonly refDefaultBackground: true;
1454
1790
  };
1455
1791
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1456
1792
  };
1457
- readonly 'vira-pink-background-decoration': {
1793
+ readonly 'vira-pink-behind-bg-decoration': {
1458
1794
  readonly foreground: {
1459
1795
  readonly refDefaultBackground: true;
1460
1796
  };
1461
1797
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1462
1798
  };
1463
- readonly 'vira-pink-background-invisible': {
1799
+ readonly 'vira-pink-behind-bg-invisible': {
1464
1800
  readonly foreground: {
1465
1801
  readonly refDefaultBackground: true;
1466
1802
  };
1467
1803
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1468
1804
  };
1805
+ readonly 'vira-pink-behind-fg-small-body': {
1806
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1807
+ };
1808
+ readonly 'vira-pink-behind-fg-body': {
1809
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1810
+ };
1811
+ readonly 'vira-pink-behind-fg-non-body': {
1812
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1813
+ };
1814
+ readonly 'vira-pink-behind-fg-header': {
1815
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1816
+ };
1817
+ readonly 'vira-pink-behind-fg-placeholder': {
1818
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1819
+ };
1820
+ readonly 'vira-pink-behind-fg-decoration': {
1821
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1822
+ };
1823
+ readonly 'vira-pink-behind-fg-invisible': {
1824
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1825
+ };
1469
1826
  readonly 'vira-pink-on-self-body': {
1470
1827
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1471
- readonly background: "#ffe7fb";
1828
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1472
1829
  };
1473
1830
  readonly 'vira-pink-on-self-non-body': {
1474
1831
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1475
- readonly background: "#ffe7fb";
1832
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1476
1833
  };
1477
1834
  readonly 'vira-pink-on-self-header': {
1478
1835
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1479
- readonly background: "#ffe7fb";
1836
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1480
1837
  };
1481
1838
  readonly 'vira-pink-on-self-placeholder': {
1482
1839
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1483
- readonly background: "#ffe7fb";
1840
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1484
1841
  };
1485
1842
  readonly 'vira-pink-on-self-decoration': {
1486
1843
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1487
- readonly background: "#ffe7fb";
1844
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1488
1845
  };
1489
1846
  readonly 'vira-pink-on-self-invisible': {
1490
1847
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1491
- readonly background: "#ffe7fb";
1848
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1492
1849
  };
1493
1850
  readonly 'vira-grey-foreground-small-body': {
1494
1851
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
@@ -1511,70 +1868,91 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1511
1868
  readonly 'vira-grey-foreground-invisible': {
1512
1869
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1513
1870
  };
1514
- readonly 'vira-grey-background-small-body': {
1871
+ readonly 'vira-grey-behind-bg-small-body': {
1515
1872
  readonly foreground: {
1516
1873
  readonly refDefaultBackground: true;
1517
1874
  };
1518
1875
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1519
1876
  };
1520
- readonly 'vira-grey-background-body': {
1877
+ readonly 'vira-grey-behind-bg-body': {
1521
1878
  readonly foreground: {
1522
1879
  readonly refDefaultBackground: true;
1523
1880
  };
1524
1881
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1525
1882
  };
1526
- readonly 'vira-grey-background-non-body': {
1883
+ readonly 'vira-grey-behind-bg-non-body': {
1527
1884
  readonly foreground: {
1528
1885
  readonly refDefaultBackground: true;
1529
1886
  };
1530
1887
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1531
1888
  };
1532
- readonly 'vira-grey-background-header': {
1889
+ readonly 'vira-grey-behind-bg-header': {
1533
1890
  readonly foreground: {
1534
1891
  readonly refDefaultBackground: true;
1535
1892
  };
1536
1893
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1537
1894
  };
1538
- readonly 'vira-grey-background-placeholder': {
1895
+ readonly 'vira-grey-behind-bg-placeholder': {
1539
1896
  readonly foreground: {
1540
1897
  readonly refDefaultBackground: true;
1541
1898
  };
1542
1899
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1543
1900
  };
1544
- readonly 'vira-grey-background-decoration': {
1901
+ readonly 'vira-grey-behind-bg-decoration': {
1545
1902
  readonly foreground: {
1546
1903
  readonly refDefaultBackground: true;
1547
1904
  };
1548
1905
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1549
1906
  };
1550
- readonly 'vira-grey-background-invisible': {
1907
+ readonly 'vira-grey-behind-bg-invisible': {
1551
1908
  readonly foreground: {
1552
1909
  readonly refDefaultBackground: true;
1553
1910
  };
1554
1911
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1555
1912
  };
1913
+ readonly 'vira-grey-behind-fg-small-body': {
1914
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1915
+ };
1916
+ readonly 'vira-grey-behind-fg-body': {
1917
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1918
+ };
1919
+ readonly 'vira-grey-behind-fg-non-body': {
1920
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1921
+ };
1922
+ readonly 'vira-grey-behind-fg-header': {
1923
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1924
+ };
1925
+ readonly 'vira-grey-behind-fg-placeholder': {
1926
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1927
+ };
1928
+ readonly 'vira-grey-behind-fg-decoration': {
1929
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1930
+ };
1931
+ readonly 'vira-grey-behind-fg-invisible': {
1932
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1933
+ };
1556
1934
  readonly 'vira-grey-on-self-body': {
1557
1935
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1558
- readonly background: "#eceff0";
1936
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1559
1937
  };
1560
1938
  readonly 'vira-grey-on-self-non-body': {
1561
1939
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1562
- readonly background: "#eceff0";
1940
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1563
1941
  };
1564
1942
  readonly 'vira-grey-on-self-header': {
1565
1943
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1566
- readonly background: "#eceff0";
1944
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1567
1945
  };
1568
1946
  readonly 'vira-grey-on-self-placeholder': {
1569
1947
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1570
- readonly background: "#eceff0";
1948
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1571
1949
  };
1572
1950
  readonly 'vira-grey-on-self-decoration': {
1573
1951
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1574
- readonly background: "#eceff0";
1952
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1575
1953
  };
1576
1954
  readonly 'vira-grey-on-self-invisible': {
1577
1955
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1578
- readonly background: "#eceff0";
1956
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1579
1957
  };
1580
1958
  }>;