vira 28.19.4 → 28.19.6

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

@@ -1,1184 +0,0 @@
-/**
- * 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-override.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";
-    };
-}>;