vira 28.19.7 → 29.1.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 (36) hide show
  1. package/dist/elements/form/vira-form-fields.d.ts +11 -1
  2. package/dist/elements/form/vira-form-fields.js +1 -0
  3. package/dist/elements/form/vira-form.element.js +42 -0
  4. package/dist/elements/pop-up/vira-menu.element.js +2 -4
  5. package/dist/elements/pop-up/vira-pop-up-menu.element.js +3 -4
  6. package/dist/elements/vira-button.element.d.ts +5 -2
  7. package/dist/elements/vira-button.element.js +54 -18
  8. package/dist/elements/vira-card.element.d.ts +1 -1
  9. package/dist/elements/vira-card.element.js +15 -6
  10. package/dist/elements/vira-checkbox.element.d.ts +9 -5
  11. package/dist/elements/vira-checkbox.element.js +45 -15
  12. package/dist/elements/vira-dropdown.element.js +1 -2
  13. package/dist/elements/vira-error.element.js +1 -1
  14. package/dist/elements/vira-input.element.d.ts +3 -2
  15. package/dist/elements/vira-input.element.js +10 -16
  16. package/dist/elements/vira-link.element.d.ts +1 -1
  17. package/dist/elements/vira-link.element.js +7 -6
  18. package/dist/elements/vira-modal.element.d.ts +1 -1
  19. package/dist/elements/vira-modal.element.js +7 -9
  20. package/dist/elements/vira-progress.element.d.ts +1 -1
  21. package/dist/elements/vira-progress.element.js +3 -4
  22. package/dist/elements/vira-select.element.js +5 -4
  23. package/dist/styles/focus.d.ts +0 -13
  24. package/dist/styles/focus.js +3 -17
  25. package/dist/styles/form-styles.d.ts +114 -11
  26. package/dist/styles/form-styles.js +117 -12
  27. package/dist/styles/index.d.ts +0 -1
  28. package/dist/styles/index.js +0 -1
  29. package/dist/styles/native-styles.js +0 -1
  30. package/dist/styles/vira-color-palette.d.ts +86 -84
  31. package/dist/styles/vira-color-palette.js +86 -84
  32. package/dist/styles/vira-color-theme.d.ts +456 -60
  33. package/dist/styles/vira-color-theme.js +471 -93
  34. package/package.json +3 -3
  35. package/dist/styles/border.d.ts +0 -9
  36. package/dist/styles/border.js +0 -10
@@ -4,9 +4,15 @@
4
4
  * @category Color
5
5
  */
6
6
  export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.js").ColorTheme<{
7
+ readonly 'vira-red-foreground-small-body': {
8
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
9
+ };
7
10
  readonly 'vira-red-foreground-body': {
8
11
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
9
12
  };
13
+ readonly 'vira-red-foreground-non-body': {
14
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
15
+ };
10
16
  readonly 'vira-red-foreground-header': {
11
17
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
12
18
  };
@@ -19,12 +25,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
19
25
  readonly 'vira-red-foreground-invisible': {
20
26
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
21
27
  };
28
+ readonly 'vira-red-background-small-body': {
29
+ readonly foreground: {
30
+ readonly refDefaultBackground: true;
31
+ };
32
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
33
+ };
22
34
  readonly 'vira-red-background-body': {
23
35
  readonly foreground: {
24
36
  readonly refDefaultBackground: true;
25
37
  };
26
38
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
27
39
  };
40
+ readonly 'vira-red-background-non-body': {
41
+ readonly foreground: {
42
+ readonly refDefaultBackground: true;
43
+ };
44
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
45
+ };
28
46
  readonly 'vira-red-background-header': {
29
47
  readonly foreground: {
30
48
  readonly refDefaultBackground: true;
@@ -53,6 +71,10 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
53
71
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
54
72
  readonly background: "#ffe9e6";
55
73
  };
74
+ readonly 'vira-red-on-self-non-body': {
75
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
76
+ readonly background: "#ffe9e6";
77
+ };
56
78
  readonly 'vira-red-on-self-header': {
57
79
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
58
80
  readonly background: "#ffe9e6";
@@ -69,9 +91,15 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
69
91
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
70
92
  readonly background: "#ffe9e6";
71
93
  };
94
+ readonly 'vira-orange-foreground-small-body': {
95
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
96
+ };
72
97
  readonly 'vira-orange-foreground-body': {
73
98
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
74
99
  };
100
+ readonly 'vira-orange-foreground-non-body': {
101
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
102
+ };
75
103
  readonly 'vira-orange-foreground-header': {
76
104
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
77
105
  };
@@ -84,12 +112,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
84
112
  readonly 'vira-orange-foreground-invisible': {
85
113
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
86
114
  };
115
+ readonly 'vira-orange-background-small-body': {
116
+ readonly foreground: {
117
+ readonly refDefaultBackground: true;
118
+ };
119
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
120
+ };
87
121
  readonly 'vira-orange-background-body': {
88
122
  readonly foreground: {
89
123
  readonly refDefaultBackground: true;
90
124
  };
91
125
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
92
126
  };
127
+ readonly 'vira-orange-background-non-body': {
128
+ readonly foreground: {
129
+ readonly refDefaultBackground: true;
130
+ };
131
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
132
+ };
93
133
  readonly 'vira-orange-background-header': {
94
134
  readonly foreground: {
95
135
  readonly refDefaultBackground: true;
@@ -118,6 +158,10 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
118
158
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
119
159
  readonly background: "#ffebd1";
120
160
  };
161
+ readonly 'vira-orange-on-self-non-body': {
162
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
163
+ readonly background: "#ffebd1";
164
+ };
121
165
  readonly 'vira-orange-on-self-header': {
122
166
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
123
167
  readonly background: "#ffebd1";
@@ -134,9 +178,15 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
134
178
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
135
179
  readonly background: "#ffebd1";
136
180
  };
181
+ readonly 'vira-yellow-foreground-small-body': {
182
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
183
+ };
137
184
  readonly 'vira-yellow-foreground-body': {
138
185
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
139
186
  };
187
+ readonly 'vira-yellow-foreground-non-body': {
188
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
189
+ };
140
190
  readonly 'vira-yellow-foreground-header': {
141
191
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
142
192
  };
@@ -149,12 +199,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
149
199
  readonly 'vira-yellow-foreground-invisible': {
150
200
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
151
201
  };
202
+ readonly 'vira-yellow-background-small-body': {
203
+ readonly foreground: {
204
+ readonly refDefaultBackground: true;
205
+ };
206
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
207
+ };
152
208
  readonly 'vira-yellow-background-body': {
153
209
  readonly foreground: {
154
210
  readonly refDefaultBackground: true;
155
211
  };
156
212
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
157
213
  };
214
+ readonly 'vira-yellow-background-non-body': {
215
+ readonly foreground: {
216
+ readonly refDefaultBackground: true;
217
+ };
218
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
219
+ };
158
220
  readonly 'vira-yellow-background-header': {
159
221
  readonly foreground: {
160
222
  readonly refDefaultBackground: true;
@@ -181,27 +243,37 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
181
243
  };
182
244
  readonly 'vira-yellow-on-self-body': {
183
245
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
184
- readonly background: "#f5f0c6";
246
+ readonly background: "#f7eeca";
247
+ };
248
+ readonly 'vira-yellow-on-self-non-body': {
249
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
250
+ readonly background: "#f7eeca";
185
251
  };
186
252
  readonly 'vira-yellow-on-self-header': {
187
253
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
188
- readonly background: "#f5f0c6";
254
+ readonly background: "#f7eeca";
189
255
  };
190
256
  readonly 'vira-yellow-on-self-placeholder': {
191
257
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
192
- readonly background: "#f5f0c6";
258
+ readonly background: "#f7eeca";
193
259
  };
194
260
  readonly 'vira-yellow-on-self-decoration': {
195
261
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
196
- readonly background: "#f5f0c6";
262
+ readonly background: "#f7eeca";
197
263
  };
198
264
  readonly 'vira-yellow-on-self-invisible': {
199
265
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
200
- readonly background: "#f5f0c6";
266
+ readonly background: "#f7eeca";
267
+ };
268
+ readonly 'vira-green-foreground-small-body': {
269
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
201
270
  };
202
271
  readonly 'vira-green-foreground-body': {
203
272
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
204
273
  };
274
+ readonly 'vira-green-foreground-non-body': {
275
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
276
+ };
205
277
  readonly 'vira-green-foreground-header': {
206
278
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
207
279
  };
@@ -214,12 +286,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
214
286
  readonly 'vira-green-foreground-invisible': {
215
287
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
216
288
  };
289
+ readonly 'vira-green-background-small-body': {
290
+ readonly foreground: {
291
+ readonly refDefaultBackground: true;
292
+ };
293
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
294
+ };
217
295
  readonly 'vira-green-background-body': {
218
296
  readonly foreground: {
219
297
  readonly refDefaultBackground: true;
220
298
  };
221
299
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
222
300
  };
301
+ readonly 'vira-green-background-non-body': {
302
+ readonly foreground: {
303
+ readonly refDefaultBackground: true;
304
+ };
305
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
306
+ };
223
307
  readonly 'vira-green-background-header': {
224
308
  readonly foreground: {
225
309
  readonly refDefaultBackground: true;
@@ -246,27 +330,37 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
246
330
  };
247
331
  readonly 'vira-green-on-self-body': {
248
332
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
249
- readonly background: "#def6cc";
333
+ readonly background: "#d3f8cf";
334
+ };
335
+ readonly 'vira-green-on-self-non-body': {
336
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
337
+ readonly background: "#d3f8cf";
250
338
  };
251
339
  readonly 'vira-green-on-self-header': {
252
340
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
253
- readonly background: "#def6cc";
341
+ readonly background: "#d3f8cf";
254
342
  };
255
343
  readonly 'vira-green-on-self-placeholder': {
256
344
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
257
- readonly background: "#def6cc";
345
+ readonly background: "#d3f8cf";
258
346
  };
259
347
  readonly 'vira-green-on-self-decoration': {
260
348
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
261
- readonly background: "#def6cc";
349
+ readonly background: "#d3f8cf";
262
350
  };
263
351
  readonly 'vira-green-on-self-invisible': {
264
352
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
265
- readonly background: "#def6cc";
353
+ readonly background: "#d3f8cf";
354
+ };
355
+ readonly 'vira-teal-foreground-small-body': {
356
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
266
357
  };
267
358
  readonly 'vira-teal-foreground-body': {
268
359
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
269
360
  };
361
+ readonly 'vira-teal-foreground-non-body': {
362
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
363
+ };
270
364
  readonly 'vira-teal-foreground-header': {
271
365
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
272
366
  };
@@ -279,12 +373,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
279
373
  readonly 'vira-teal-foreground-invisible': {
280
374
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
281
375
  };
376
+ readonly 'vira-teal-background-small-body': {
377
+ readonly foreground: {
378
+ readonly refDefaultBackground: true;
379
+ };
380
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
381
+ };
282
382
  readonly 'vira-teal-background-body': {
283
383
  readonly foreground: {
284
384
  readonly refDefaultBackground: true;
285
385
  };
286
386
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
287
387
  };
388
+ readonly 'vira-teal-background-non-body': {
389
+ readonly foreground: {
390
+ readonly refDefaultBackground: true;
391
+ };
392
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
393
+ };
288
394
  readonly 'vira-teal-background-header': {
289
395
  readonly foreground: {
290
396
  readonly refDefaultBackground: true;
@@ -311,27 +417,37 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
311
417
  };
312
418
  readonly 'vira-teal-on-self-body': {
313
419
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
314
- readonly background: "#d3f5ed";
420
+ readonly background: "#d4f5f3";
421
+ };
422
+ readonly 'vira-teal-on-self-non-body': {
423
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
424
+ readonly background: "#d4f5f3";
315
425
  };
316
426
  readonly 'vira-teal-on-self-header': {
317
427
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
318
- readonly background: "#d3f5ed";
428
+ readonly background: "#d4f5f3";
319
429
  };
320
430
  readonly 'vira-teal-on-self-placeholder': {
321
431
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
322
- readonly background: "#d3f5ed";
432
+ readonly background: "#d4f5f3";
323
433
  };
324
434
  readonly 'vira-teal-on-self-decoration': {
325
435
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
326
- readonly background: "#d3f5ed";
436
+ readonly background: "#d4f5f3";
327
437
  };
328
438
  readonly 'vira-teal-on-self-invisible': {
329
439
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
330
- readonly background: "#d3f5ed";
440
+ readonly background: "#d4f5f3";
441
+ };
442
+ readonly 'vira-blue-foreground-small-body': {
443
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
331
444
  };
332
445
  readonly 'vira-blue-foreground-body': {
333
446
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
334
447
  };
448
+ readonly 'vira-blue-foreground-non-body': {
449
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
450
+ };
335
451
  readonly 'vira-blue-foreground-header': {
336
452
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
337
453
  };
@@ -344,12 +460,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
344
460
  readonly 'vira-blue-foreground-invisible': {
345
461
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
346
462
  };
463
+ readonly 'vira-blue-background-small-body': {
464
+ readonly foreground: {
465
+ readonly refDefaultBackground: true;
466
+ };
467
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
468
+ };
347
469
  readonly 'vira-blue-background-body': {
348
470
  readonly foreground: {
349
471
  readonly refDefaultBackground: true;
350
472
  };
351
473
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
352
474
  };
475
+ readonly 'vira-blue-background-non-body': {
476
+ readonly foreground: {
477
+ readonly refDefaultBackground: true;
478
+ };
479
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
480
+ };
353
481
  readonly 'vira-blue-background-header': {
354
482
  readonly foreground: {
355
483
  readonly refDefaultBackground: true;
@@ -376,27 +504,37 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
376
504
  };
377
505
  readonly 'vira-blue-on-self-body': {
378
506
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
379
- readonly background: "#def1ff";
507
+ readonly background: "#daf2ff";
508
+ };
509
+ readonly 'vira-blue-on-self-non-body': {
510
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
511
+ readonly background: "#daf2ff";
380
512
  };
381
513
  readonly 'vira-blue-on-self-header': {
382
514
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
383
- readonly background: "#def1ff";
515
+ readonly background: "#daf2ff";
384
516
  };
385
517
  readonly 'vira-blue-on-self-placeholder': {
386
518
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
387
- readonly background: "#def1ff";
519
+ readonly background: "#daf2ff";
388
520
  };
389
521
  readonly 'vira-blue-on-self-decoration': {
390
522
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
391
- readonly background: "#def1ff";
523
+ readonly background: "#daf2ff";
392
524
  };
393
525
  readonly 'vira-blue-on-self-invisible': {
394
526
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
395
- readonly background: "#def1ff";
527
+ readonly background: "#daf2ff";
528
+ };
529
+ readonly 'vira-purple-foreground-small-body': {
530
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
396
531
  };
397
532
  readonly 'vira-purple-foreground-body': {
398
533
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
399
534
  };
535
+ readonly 'vira-purple-foreground-non-body': {
536
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
537
+ };
400
538
  readonly 'vira-purple-foreground-header': {
401
539
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
402
540
  };
@@ -409,12 +547,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
409
547
  readonly 'vira-purple-foreground-invisible': {
410
548
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
411
549
  };
550
+ readonly 'vira-purple-background-small-body': {
551
+ readonly foreground: {
552
+ readonly refDefaultBackground: true;
553
+ };
554
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
555
+ };
412
556
  readonly 'vira-purple-background-body': {
413
557
  readonly foreground: {
414
558
  readonly refDefaultBackground: true;
415
559
  };
416
560
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
417
561
  };
562
+ readonly 'vira-purple-background-non-body': {
563
+ readonly foreground: {
564
+ readonly refDefaultBackground: true;
565
+ };
566
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
567
+ };
418
568
  readonly 'vira-purple-background-header': {
419
569
  readonly foreground: {
420
570
  readonly refDefaultBackground: true;
@@ -441,27 +591,37 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
441
591
  };
442
592
  readonly 'vira-purple-on-self-body': {
443
593
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
444
- readonly background: "#f3ebff";
594
+ readonly background: "#f6eaff";
595
+ };
596
+ readonly 'vira-purple-on-self-non-body': {
597
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
598
+ readonly background: "#f6eaff";
445
599
  };
446
600
  readonly 'vira-purple-on-self-header': {
447
601
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
448
- readonly background: "#f3ebff";
602
+ readonly background: "#f6eaff";
449
603
  };
450
604
  readonly 'vira-purple-on-self-placeholder': {
451
605
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
452
- readonly background: "#f3ebff";
606
+ readonly background: "#f6eaff";
453
607
  };
454
608
  readonly 'vira-purple-on-self-decoration': {
455
609
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
456
- readonly background: "#f3ebff";
610
+ readonly background: "#f6eaff";
457
611
  };
458
612
  readonly 'vira-purple-on-self-invisible': {
459
613
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
460
- readonly background: "#f3ebff";
614
+ readonly background: "#f6eaff";
615
+ };
616
+ readonly 'vira-pink-foreground-small-body': {
617
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
461
618
  };
462
619
  readonly 'vira-pink-foreground-body': {
463
620
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
464
621
  };
622
+ readonly 'vira-pink-foreground-non-body': {
623
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
624
+ };
465
625
  readonly 'vira-pink-foreground-header': {
466
626
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
467
627
  };
@@ -474,12 +634,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
474
634
  readonly 'vira-pink-foreground-invisible': {
475
635
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
476
636
  };
637
+ readonly 'vira-pink-background-small-body': {
638
+ readonly foreground: {
639
+ readonly refDefaultBackground: true;
640
+ };
641
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
642
+ };
477
643
  readonly 'vira-pink-background-body': {
478
644
  readonly foreground: {
479
645
  readonly refDefaultBackground: true;
480
646
  };
481
647
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
482
648
  };
649
+ readonly 'vira-pink-background-non-body': {
650
+ readonly foreground: {
651
+ readonly refDefaultBackground: true;
652
+ };
653
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
654
+ };
483
655
  readonly 'vira-pink-background-header': {
484
656
  readonly foreground: {
485
657
  readonly refDefaultBackground: true;
@@ -508,6 +680,10 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
508
680
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
509
681
  readonly background: "#ffe7fb";
510
682
  };
683
+ readonly 'vira-pink-on-self-non-body': {
684
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
685
+ readonly background: "#ffe7fb";
686
+ };
511
687
  readonly 'vira-pink-on-self-header': {
512
688
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
513
689
  readonly background: "#ffe7fb";
@@ -524,9 +700,15 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
524
700
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
525
701
  readonly background: "#ffe7fb";
526
702
  };
703
+ readonly 'vira-grey-foreground-small-body': {
704
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
705
+ };
527
706
  readonly 'vira-grey-foreground-body': {
528
707
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
529
708
  };
709
+ readonly 'vira-grey-foreground-non-body': {
710
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
711
+ };
530
712
  readonly 'vira-grey-foreground-header': {
531
713
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
532
714
  };
@@ -539,12 +721,24 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
539
721
  readonly 'vira-grey-foreground-invisible': {
540
722
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
541
723
  };
724
+ readonly 'vira-grey-background-small-body': {
725
+ readonly foreground: {
726
+ readonly refDefaultBackground: true;
727
+ };
728
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
729
+ };
542
730
  readonly 'vira-grey-background-body': {
543
731
  readonly foreground: {
544
732
  readonly refDefaultBackground: true;
545
733
  };
546
734
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
547
735
  };
736
+ readonly 'vira-grey-background-non-body': {
737
+ readonly foreground: {
738
+ readonly refDefaultBackground: true;
739
+ };
740
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
741
+ };
548
742
  readonly 'vira-grey-background-header': {
549
743
  readonly foreground: {
550
744
  readonly refDefaultBackground: true;
@@ -571,23 +765,27 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
571
765
  };
572
766
  readonly 'vira-grey-on-self-body': {
573
767
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
574
- readonly background: "#eeeef1";
768
+ readonly background: "#eceff0";
769
+ };
770
+ readonly 'vira-grey-on-self-non-body': {
771
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
772
+ readonly background: "#eceff0";
575
773
  };
576
774
  readonly 'vira-grey-on-self-header': {
577
775
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
578
- readonly background: "#eeeef1";
776
+ readonly background: "#eceff0";
579
777
  };
580
778
  readonly 'vira-grey-on-self-placeholder': {
581
779
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
582
- readonly background: "#eeeef1";
780
+ readonly background: "#eceff0";
583
781
  };
584
782
  readonly 'vira-grey-on-self-decoration': {
585
783
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
586
- readonly background: "#eeeef1";
784
+ readonly background: "#eceff0";
587
785
  };
588
786
  readonly 'vira-grey-on-self-invisible': {
589
787
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
590
- readonly background: "#eeeef1";
788
+ readonly background: "#eceff0";
591
789
  };
592
790
  }>;
593
791
  /**
@@ -596,9 +794,15 @@ export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.j
596
794
  * @category Color
597
795
  */
598
796
  export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/color-theme-init.js").ColorThemeOverride<{
797
+ readonly 'vira-red-foreground-small-body': {
798
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
799
+ };
599
800
  readonly 'vira-red-foreground-body': {
600
801
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
601
802
  };
803
+ readonly 'vira-red-foreground-non-body': {
804
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
805
+ };
602
806
  readonly 'vira-red-foreground-header': {
603
807
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
604
808
  };
@@ -611,12 +815,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
611
815
  readonly 'vira-red-foreground-invisible': {
612
816
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
613
817
  };
818
+ readonly 'vira-red-background-small-body': {
819
+ readonly foreground: {
820
+ readonly refDefaultBackground: true;
821
+ };
822
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
823
+ };
614
824
  readonly 'vira-red-background-body': {
615
825
  readonly foreground: {
616
826
  readonly refDefaultBackground: true;
617
827
  };
618
828
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
619
829
  };
830
+ readonly 'vira-red-background-non-body': {
831
+ readonly foreground: {
832
+ readonly refDefaultBackground: true;
833
+ };
834
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
835
+ };
620
836
  readonly 'vira-red-background-header': {
621
837
  readonly foreground: {
622
838
  readonly refDefaultBackground: true;
@@ -645,6 +861,10 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
645
861
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
646
862
  readonly background: "#ffe9e6";
647
863
  };
864
+ readonly 'vira-red-on-self-non-body': {
865
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
866
+ readonly background: "#ffe9e6";
867
+ };
648
868
  readonly 'vira-red-on-self-header': {
649
869
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
650
870
  readonly background: "#ffe9e6";
@@ -661,9 +881,15 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
661
881
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
662
882
  readonly background: "#ffe9e6";
663
883
  };
884
+ readonly 'vira-orange-foreground-small-body': {
885
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
886
+ };
664
887
  readonly 'vira-orange-foreground-body': {
665
888
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
666
889
  };
890
+ readonly 'vira-orange-foreground-non-body': {
891
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
892
+ };
667
893
  readonly 'vira-orange-foreground-header': {
668
894
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
669
895
  };
@@ -676,12 +902,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
676
902
  readonly 'vira-orange-foreground-invisible': {
677
903
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
678
904
  };
905
+ readonly 'vira-orange-background-small-body': {
906
+ readonly foreground: {
907
+ readonly refDefaultBackground: true;
908
+ };
909
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
910
+ };
679
911
  readonly 'vira-orange-background-body': {
680
912
  readonly foreground: {
681
913
  readonly refDefaultBackground: true;
682
914
  };
683
915
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
684
916
  };
917
+ readonly 'vira-orange-background-non-body': {
918
+ readonly foreground: {
919
+ readonly refDefaultBackground: true;
920
+ };
921
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
922
+ };
685
923
  readonly 'vira-orange-background-header': {
686
924
  readonly foreground: {
687
925
  readonly refDefaultBackground: true;
@@ -710,6 +948,10 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
710
948
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
711
949
  readonly background: "#ffebd1";
712
950
  };
951
+ readonly 'vira-orange-on-self-non-body': {
952
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
953
+ readonly background: "#ffebd1";
954
+ };
713
955
  readonly 'vira-orange-on-self-header': {
714
956
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
715
957
  readonly background: "#ffebd1";
@@ -726,9 +968,15 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
726
968
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
727
969
  readonly background: "#ffebd1";
728
970
  };
971
+ readonly 'vira-yellow-foreground-small-body': {
972
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
973
+ };
729
974
  readonly 'vira-yellow-foreground-body': {
730
975
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
731
976
  };
977
+ readonly 'vira-yellow-foreground-non-body': {
978
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
979
+ };
732
980
  readonly 'vira-yellow-foreground-header': {
733
981
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
734
982
  };
@@ -741,12 +989,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
741
989
  readonly 'vira-yellow-foreground-invisible': {
742
990
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
743
991
  };
992
+ readonly 'vira-yellow-background-small-body': {
993
+ readonly foreground: {
994
+ readonly refDefaultBackground: true;
995
+ };
996
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
997
+ };
744
998
  readonly 'vira-yellow-background-body': {
745
999
  readonly foreground: {
746
1000
  readonly refDefaultBackground: true;
747
1001
  };
748
1002
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
749
1003
  };
1004
+ readonly 'vira-yellow-background-non-body': {
1005
+ readonly foreground: {
1006
+ readonly refDefaultBackground: true;
1007
+ };
1008
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1009
+ };
750
1010
  readonly 'vira-yellow-background-header': {
751
1011
  readonly foreground: {
752
1012
  readonly refDefaultBackground: true;
@@ -773,27 +1033,37 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
773
1033
  };
774
1034
  readonly 'vira-yellow-on-self-body': {
775
1035
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
776
- readonly background: "#f5f0c6";
1036
+ readonly background: "#f7eeca";
1037
+ };
1038
+ readonly 'vira-yellow-on-self-non-body': {
1039
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1040
+ readonly background: "#f7eeca";
777
1041
  };
778
1042
  readonly 'vira-yellow-on-self-header': {
779
1043
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
780
- readonly background: "#f5f0c6";
1044
+ readonly background: "#f7eeca";
781
1045
  };
782
1046
  readonly 'vira-yellow-on-self-placeholder': {
783
1047
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
784
- readonly background: "#f5f0c6";
1048
+ readonly background: "#f7eeca";
785
1049
  };
786
1050
  readonly 'vira-yellow-on-self-decoration': {
787
1051
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
788
- readonly background: "#f5f0c6";
1052
+ readonly background: "#f7eeca";
789
1053
  };
790
1054
  readonly 'vira-yellow-on-self-invisible': {
791
1055
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
792
- readonly background: "#f5f0c6";
1056
+ readonly background: "#f7eeca";
1057
+ };
1058
+ readonly 'vira-green-foreground-small-body': {
1059
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
793
1060
  };
794
1061
  readonly 'vira-green-foreground-body': {
795
1062
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
796
1063
  };
1064
+ readonly 'vira-green-foreground-non-body': {
1065
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1066
+ };
797
1067
  readonly 'vira-green-foreground-header': {
798
1068
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
799
1069
  };
@@ -806,12 +1076,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
806
1076
  readonly 'vira-green-foreground-invisible': {
807
1077
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
808
1078
  };
1079
+ readonly 'vira-green-background-small-body': {
1080
+ readonly foreground: {
1081
+ readonly refDefaultBackground: true;
1082
+ };
1083
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1084
+ };
809
1085
  readonly 'vira-green-background-body': {
810
1086
  readonly foreground: {
811
1087
  readonly refDefaultBackground: true;
812
1088
  };
813
1089
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
814
1090
  };
1091
+ readonly 'vira-green-background-non-body': {
1092
+ readonly foreground: {
1093
+ readonly refDefaultBackground: true;
1094
+ };
1095
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1096
+ };
815
1097
  readonly 'vira-green-background-header': {
816
1098
  readonly foreground: {
817
1099
  readonly refDefaultBackground: true;
@@ -838,27 +1120,37 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
838
1120
  };
839
1121
  readonly 'vira-green-on-self-body': {
840
1122
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
841
- readonly background: "#def6cc";
1123
+ readonly background: "#d3f8cf";
1124
+ };
1125
+ readonly 'vira-green-on-self-non-body': {
1126
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1127
+ readonly background: "#d3f8cf";
842
1128
  };
843
1129
  readonly 'vira-green-on-self-header': {
844
1130
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
845
- readonly background: "#def6cc";
1131
+ readonly background: "#d3f8cf";
846
1132
  };
847
1133
  readonly 'vira-green-on-self-placeholder': {
848
1134
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
849
- readonly background: "#def6cc";
1135
+ readonly background: "#d3f8cf";
850
1136
  };
851
1137
  readonly 'vira-green-on-self-decoration': {
852
1138
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
853
- readonly background: "#def6cc";
1139
+ readonly background: "#d3f8cf";
854
1140
  };
855
1141
  readonly 'vira-green-on-self-invisible': {
856
1142
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
857
- readonly background: "#def6cc";
1143
+ readonly background: "#d3f8cf";
1144
+ };
1145
+ readonly 'vira-teal-foreground-small-body': {
1146
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
858
1147
  };
859
1148
  readonly 'vira-teal-foreground-body': {
860
1149
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
861
1150
  };
1151
+ readonly 'vira-teal-foreground-non-body': {
1152
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1153
+ };
862
1154
  readonly 'vira-teal-foreground-header': {
863
1155
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
864
1156
  };
@@ -871,12 +1163,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
871
1163
  readonly 'vira-teal-foreground-invisible': {
872
1164
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
873
1165
  };
1166
+ readonly 'vira-teal-background-small-body': {
1167
+ readonly foreground: {
1168
+ readonly refDefaultBackground: true;
1169
+ };
1170
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1171
+ };
874
1172
  readonly 'vira-teal-background-body': {
875
1173
  readonly foreground: {
876
1174
  readonly refDefaultBackground: true;
877
1175
  };
878
1176
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
879
1177
  };
1178
+ readonly 'vira-teal-background-non-body': {
1179
+ readonly foreground: {
1180
+ readonly refDefaultBackground: true;
1181
+ };
1182
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1183
+ };
880
1184
  readonly 'vira-teal-background-header': {
881
1185
  readonly foreground: {
882
1186
  readonly refDefaultBackground: true;
@@ -903,27 +1207,37 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
903
1207
  };
904
1208
  readonly 'vira-teal-on-self-body': {
905
1209
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
906
- readonly background: "#d3f5ed";
1210
+ readonly background: "#d4f5f3";
1211
+ };
1212
+ readonly 'vira-teal-on-self-non-body': {
1213
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1214
+ readonly background: "#d4f5f3";
907
1215
  };
908
1216
  readonly 'vira-teal-on-self-header': {
909
1217
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
910
- readonly background: "#d3f5ed";
1218
+ readonly background: "#d4f5f3";
911
1219
  };
912
1220
  readonly 'vira-teal-on-self-placeholder': {
913
1221
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
914
- readonly background: "#d3f5ed";
1222
+ readonly background: "#d4f5f3";
915
1223
  };
916
1224
  readonly 'vira-teal-on-self-decoration': {
917
1225
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
918
- readonly background: "#d3f5ed";
1226
+ readonly background: "#d4f5f3";
919
1227
  };
920
1228
  readonly 'vira-teal-on-self-invisible': {
921
1229
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
922
- readonly background: "#d3f5ed";
1230
+ readonly background: "#d4f5f3";
1231
+ };
1232
+ readonly 'vira-blue-foreground-small-body': {
1233
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
923
1234
  };
924
1235
  readonly 'vira-blue-foreground-body': {
925
1236
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
926
1237
  };
1238
+ readonly 'vira-blue-foreground-non-body': {
1239
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1240
+ };
927
1241
  readonly 'vira-blue-foreground-header': {
928
1242
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
929
1243
  };
@@ -936,12 +1250,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
936
1250
  readonly 'vira-blue-foreground-invisible': {
937
1251
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
938
1252
  };
1253
+ readonly 'vira-blue-background-small-body': {
1254
+ readonly foreground: {
1255
+ readonly refDefaultBackground: true;
1256
+ };
1257
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1258
+ };
939
1259
  readonly 'vira-blue-background-body': {
940
1260
  readonly foreground: {
941
1261
  readonly refDefaultBackground: true;
942
1262
  };
943
1263
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
944
1264
  };
1265
+ readonly 'vira-blue-background-non-body': {
1266
+ readonly foreground: {
1267
+ readonly refDefaultBackground: true;
1268
+ };
1269
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1270
+ };
945
1271
  readonly 'vira-blue-background-header': {
946
1272
  readonly foreground: {
947
1273
  readonly refDefaultBackground: true;
@@ -968,27 +1294,37 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
968
1294
  };
969
1295
  readonly 'vira-blue-on-self-body': {
970
1296
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
971
- readonly background: "#def1ff";
1297
+ readonly background: "#daf2ff";
1298
+ };
1299
+ readonly 'vira-blue-on-self-non-body': {
1300
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1301
+ readonly background: "#daf2ff";
972
1302
  };
973
1303
  readonly 'vira-blue-on-self-header': {
974
1304
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
975
- readonly background: "#def1ff";
1305
+ readonly background: "#daf2ff";
976
1306
  };
977
1307
  readonly 'vira-blue-on-self-placeholder': {
978
1308
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
979
- readonly background: "#def1ff";
1309
+ readonly background: "#daf2ff";
980
1310
  };
981
1311
  readonly 'vira-blue-on-self-decoration': {
982
1312
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
983
- readonly background: "#def1ff";
1313
+ readonly background: "#daf2ff";
984
1314
  };
985
1315
  readonly 'vira-blue-on-self-invisible': {
986
1316
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
987
- readonly background: "#def1ff";
1317
+ readonly background: "#daf2ff";
1318
+ };
1319
+ readonly 'vira-purple-foreground-small-body': {
1320
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
988
1321
  };
989
1322
  readonly 'vira-purple-foreground-body': {
990
1323
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
991
1324
  };
1325
+ readonly 'vira-purple-foreground-non-body': {
1326
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1327
+ };
992
1328
  readonly 'vira-purple-foreground-header': {
993
1329
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
994
1330
  };
@@ -1001,12 +1337,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1001
1337
  readonly 'vira-purple-foreground-invisible': {
1002
1338
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1003
1339
  };
1340
+ readonly 'vira-purple-background-small-body': {
1341
+ readonly foreground: {
1342
+ readonly refDefaultBackground: true;
1343
+ };
1344
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1345
+ };
1004
1346
  readonly 'vira-purple-background-body': {
1005
1347
  readonly foreground: {
1006
1348
  readonly refDefaultBackground: true;
1007
1349
  };
1008
1350
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1009
1351
  };
1352
+ readonly 'vira-purple-background-non-body': {
1353
+ readonly foreground: {
1354
+ readonly refDefaultBackground: true;
1355
+ };
1356
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1357
+ };
1010
1358
  readonly 'vira-purple-background-header': {
1011
1359
  readonly foreground: {
1012
1360
  readonly refDefaultBackground: true;
@@ -1033,27 +1381,37 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1033
1381
  };
1034
1382
  readonly 'vira-purple-on-self-body': {
1035
1383
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1036
- readonly background: "#f3ebff";
1384
+ readonly background: "#f6eaff";
1385
+ };
1386
+ readonly 'vira-purple-on-self-non-body': {
1387
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1388
+ readonly background: "#f6eaff";
1037
1389
  };
1038
1390
  readonly 'vira-purple-on-self-header': {
1039
1391
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1040
- readonly background: "#f3ebff";
1392
+ readonly background: "#f6eaff";
1041
1393
  };
1042
1394
  readonly 'vira-purple-on-self-placeholder': {
1043
1395
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1044
- readonly background: "#f3ebff";
1396
+ readonly background: "#f6eaff";
1045
1397
  };
1046
1398
  readonly 'vira-purple-on-self-decoration': {
1047
1399
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1048
- readonly background: "#f3ebff";
1400
+ readonly background: "#f6eaff";
1049
1401
  };
1050
1402
  readonly 'vira-purple-on-self-invisible': {
1051
1403
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1052
- readonly background: "#f3ebff";
1404
+ readonly background: "#f6eaff";
1405
+ };
1406
+ readonly 'vira-pink-foreground-small-body': {
1407
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1053
1408
  };
1054
1409
  readonly 'vira-pink-foreground-body': {
1055
1410
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1056
1411
  };
1412
+ readonly 'vira-pink-foreground-non-body': {
1413
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1414
+ };
1057
1415
  readonly 'vira-pink-foreground-header': {
1058
1416
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1059
1417
  };
@@ -1066,12 +1424,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1066
1424
  readonly 'vira-pink-foreground-invisible': {
1067
1425
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1068
1426
  };
1427
+ readonly 'vira-pink-background-small-body': {
1428
+ readonly foreground: {
1429
+ readonly refDefaultBackground: true;
1430
+ };
1431
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1432
+ };
1069
1433
  readonly 'vira-pink-background-body': {
1070
1434
  readonly foreground: {
1071
1435
  readonly refDefaultBackground: true;
1072
1436
  };
1073
1437
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1074
1438
  };
1439
+ readonly 'vira-pink-background-non-body': {
1440
+ readonly foreground: {
1441
+ readonly refDefaultBackground: true;
1442
+ };
1443
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1444
+ };
1075
1445
  readonly 'vira-pink-background-header': {
1076
1446
  readonly foreground: {
1077
1447
  readonly refDefaultBackground: true;
@@ -1100,6 +1470,10 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1100
1470
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1101
1471
  readonly background: "#ffe7fb";
1102
1472
  };
1473
+ readonly 'vira-pink-on-self-non-body': {
1474
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1475
+ readonly background: "#ffe7fb";
1476
+ };
1103
1477
  readonly 'vira-pink-on-self-header': {
1104
1478
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1105
1479
  readonly background: "#ffe7fb";
@@ -1116,9 +1490,15 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1116
1490
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1117
1491
  readonly background: "#ffe7fb";
1118
1492
  };
1493
+ readonly 'vira-grey-foreground-small-body': {
1494
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1495
+ };
1119
1496
  readonly 'vira-grey-foreground-body': {
1120
1497
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1121
1498
  };
1499
+ readonly 'vira-grey-foreground-non-body': {
1500
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1501
+ };
1122
1502
  readonly 'vira-grey-foreground-header': {
1123
1503
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1124
1504
  };
@@ -1131,12 +1511,24 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1131
1511
  readonly 'vira-grey-foreground-invisible': {
1132
1512
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1133
1513
  };
1514
+ readonly 'vira-grey-background-small-body': {
1515
+ readonly foreground: {
1516
+ readonly refDefaultBackground: true;
1517
+ };
1518
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1519
+ };
1134
1520
  readonly 'vira-grey-background-body': {
1135
1521
  readonly foreground: {
1136
1522
  readonly refDefaultBackground: true;
1137
1523
  };
1138
1524
  readonly background: import("lit-css-vars").SingleCssVarDefinition;
1139
1525
  };
1526
+ readonly 'vira-grey-background-non-body': {
1527
+ readonly foreground: {
1528
+ readonly refDefaultBackground: true;
1529
+ };
1530
+ readonly background: import("lit-css-vars").SingleCssVarDefinition;
1531
+ };
1140
1532
  readonly 'vira-grey-background-header': {
1141
1533
  readonly foreground: {
1142
1534
  readonly refDefaultBackground: true;
@@ -1163,22 +1555,26 @@ export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/c
1163
1555
  };
1164
1556
  readonly 'vira-grey-on-self-body': {
1165
1557
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1166
- readonly background: "#eeeef1";
1558
+ readonly background: "#eceff0";
1559
+ };
1560
+ readonly 'vira-grey-on-self-non-body': {
1561
+ readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1562
+ readonly background: "#eceff0";
1167
1563
  };
1168
1564
  readonly 'vira-grey-on-self-header': {
1169
1565
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1170
- readonly background: "#eeeef1";
1566
+ readonly background: "#eceff0";
1171
1567
  };
1172
1568
  readonly 'vira-grey-on-self-placeholder': {
1173
1569
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1174
- readonly background: "#eeeef1";
1570
+ readonly background: "#eceff0";
1175
1571
  };
1176
1572
  readonly 'vira-grey-on-self-decoration': {
1177
1573
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1178
- readonly background: "#eeeef1";
1574
+ readonly background: "#eceff0";
1179
1575
  };
1180
1576
  readonly 'vira-grey-on-self-invisible': {
1181
1577
  readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
1182
- readonly background: "#eeeef1";
1578
+ readonly background: "#eceff0";
1183
1579
  };
1184
1580
  }>;