vira 28.19.6 → 28.20.0

package/dist/styles/vira-color-theme.d.ts

@@ -0,0 +1,1184 @@
+/**
+ * A color theme from Vira.
+ *
+ * @category Color
+ */
+export declare const viraTheme: import("theme-vir/dist/color-theme/color-theme.js").ColorTheme<{
+    readonly 'vira-red-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-orange-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-yellow-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-green-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-teal-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-blue-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-purple-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-pink-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-grey-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+}>;
+/**
+ * Dark mode override for {@link viraTheme}.
+ *
+ * @category Color
+ */
+export declare const viraThemeDarkOverride: import("theme-vir/dist/color-theme/color-theme-init.js").ColorThemeOverride<{
+    readonly 'vira-red-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-red-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-red-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe9e6";
+    };
+    readonly 'vira-orange-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-orange-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-orange-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffebd1";
+    };
+    readonly 'vira-yellow-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-yellow-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-yellow-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f5f0c6";
+    };
+    readonly 'vira-green-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-green-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-green-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def6cc";
+    };
+    readonly 'vira-teal-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-teal-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-teal-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#d3f5ed";
+    };
+    readonly 'vira-blue-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-blue-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-blue-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#def1ff";
+    };
+    readonly 'vira-purple-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-purple-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-purple-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#f3ebff";
+    };
+    readonly 'vira-pink-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-pink-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-pink-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#ffe7fb";
+    };
+    readonly 'vira-grey-foreground-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-foreground-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-body': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-header': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-placeholder': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-decoration': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-background-invisible': {
+        readonly foreground: {
+            readonly refDefaultBackground: true;
+        };
+        readonly background: import("lit-css-vars").SingleCssVarDefinition;
+    };
+    readonly 'vira-grey-on-self-body': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-header': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-placeholder': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-decoration': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+    readonly 'vira-grey-on-self-invisible': {
+        readonly foreground: import("lit-css-vars").SingleCssVarDefinition;
+        readonly background: "#eeeef1";
+    };
+}>;