@tamagui/themes 2.0.0-1768530912818 → 2.0.0-1768636514428

package/types/v5-themes.d.ts

@@ -1,23 +1,19 @@
+import { createThemes } from '@tamagui/theme-builder';
 declare const darkPalette: string[];
 declare const lightPalette: string[];
-export { darkPalette, lightPalette };
-export declare const defaultColors: {
-    light: {
-        blue: {
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            blue5: string;
-            blue6: string;
-            blue7: string;
-            blue8: string;
-            blue9: string;
-            blue10: string;
-            blue11: string;
-            blue12: string;
-        };
-        gray: {
+export { darkPalette as defaultDarkPalette, lightPalette as defaultLightPalette };
+type NamedColors = Record<string, string>;
+type ChildTheme<T extends NamedColors = NamedColors> = {
+    light: T;
+    dark: T;
+};
+type GrandChildrenThemeDefinition = {
+    template: string;
+};
+/** Default children themes - accepts radix colors directly */
+export declare const defaultChildrenThemes: {
+    gray: {
+        light: {
             gray1: string;
             gray2: string;
             gray3: string;
@@ -31,77 +27,53 @@ export declare const defaultColors: {
             gray11: string;
             gray12: string;
         };
-        green: {
-            green1: string;
-            green2: string;
-            green3: string;
-            green4: string;
-            green5: string;
-            green6: string;
-            green7: string;
-            green8: string;
-            green9: string;
-            green10: string;
-            green11: string;
-            green12: string;
-        };
-        neutral: {
-            neutral1: string;
-            neutral2: string;
-            neutral3: string;
-            neutral4: string;
-            neutral5: string;
-            neutral6: string;
-            neutral7: string;
-            neutral8: string;
-            neutral9: string;
-            neutral10: string;
-            neutral11: string;
-            neutral12: string;
-        };
-        orange: {
-            orange1: string;
-            orange2: string;
-            orange3: string;
-            orange4: string;
-            orange5: string;
-            orange6: string;
-            orange7: string;
-            orange8: string;
-            orange9: string;
-            orange10: string;
-            orange11: string;
-            orange12: string;
+        dark: {
+            gray1: string;
+            gray2: string;
+            gray3: string;
+            gray4: string;
+            gray5: string;
+            gray6: string;
+            gray7: string;
+            gray8: string;
+            gray9: string;
+            gray10: string;
+            gray11: string;
+            gray12: string;
         };
-        pink: {
-            pink1: string;
-            pink2: string;
-            pink3: string;
-            pink4: string;
-            pink5: string;
-            pink6: string;
-            pink7: string;
-            pink8: string;
-            pink9: string;
-            pink10: string;
-            pink11: string;
-            pink12: string;
+    };
+    blue: {
+        light: {
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue4: string;
+            blue5: string;
+            blue6: string;
+            blue7: string;
+            blue8: string;
+            blue9: string;
+            blue10: string;
+            blue11: string;
+            blue12: string;
         };
-        purple: {
-            purple1: string;
-            purple2: string;
-            purple3: string;
-            purple4: string;
-            purple5: string;
-            purple6: string;
-            purple7: string;
-            purple8: string;
-            purple9: string;
-            purple10: string;
-            purple11: string;
-            purple12: string;
+        dark: {
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            blue4: string;
+            blue5: string;
+            blue6: string;
+            blue7: string;
+            blue8: string;
+            blue9: string;
+            blue10: string;
+            blue11: string;
+            blue12: string;
         };
-        red: {
+    };
+    red: {
+        light: {
             red1: string;
             red2: string;
             red3: string;
@@ -115,35 +87,37 @@ export declare const defaultColors: {
             red11: string;
             red12: string;
         };
-        tan: {
-            tan1: string;
-            tan2: string;
-            tan3: string;
-            tan4: string;
-            tan5: string;
-            tan6: string;
-            tan7: string;
-            tan8: string;
-            tan9: string;
-            tan10: string;
-            tan11: string;
-            tan12: string;
+        dark: {
+            red1: string;
+            red2: string;
+            red3: string;
+            red4: string;
+            red5: string;
+            red6: string;
+            red7: string;
+            red8: string;
+            red9: string;
+            red10: string;
+            red11: string;
+            red12: string;
         };
-        teal: {
-            teal1: string;
-            teal2: string;
-            teal3: string;
-            teal4: string;
-            teal5: string;
-            teal6: string;
-            teal7: string;
-            teal8: string;
-            teal9: string;
-            teal10: string;
-            teal11: string;
-            teal12: string;
+    };
+    yellow: {
+        light: {
+            yellow1: string;
+            yellow2: string;
+            yellow3: string;
+            yellow4: string;
+            yellow5: string;
+            yellow6: string;
+            yellow7: string;
+            yellow8: string;
+            yellow9: string;
+            yellow10: string;
+            yellow11: string;
+            yellow12: string;
         };
-        yellow: {
+        dark: {
             yellow1: string;
             yellow2: string;
             yellow3: string;
@@ -158,36 +132,22 @@ export declare const defaultColors: {
             yellow12: string;
         };
     };
-    dark: {
-        blue: {
-            blue1: string;
-            blue2: string;
-            blue3: string;
-            blue4: string;
-            blue5: string;
-            blue6: string;
-            blue7: string;
-            blue8: string;
-            blue9: string;
-            blue10: string;
-            blue11: string;
-            blue12: string;
-        };
-        gray: {
-            gray1: string;
-            gray2: string;
-            gray3: string;
-            gray4: string;
-            gray5: string;
-            gray6: string;
-            gray7: string;
-            gray8: string;
-            gray9: string;
-            gray10: string;
-            gray11: string;
-            gray12: string;
+    green: {
+        light: {
+            green1: string;
+            green2: string;
+            green3: string;
+            green4: string;
+            green5: string;
+            green6: string;
+            green7: string;
+            green8: string;
+            green9: string;
+            green10: string;
+            green11: string;
+            green12: string;
         };
-        green: {
+        dark: {
             green1: string;
             green2: string;
             green3: string;
@@ -201,147 +161,66 @@ export declare const defaultColors: {
             green11: string;
             green12: string;
         };
-        neutral: {
-            neutral1: string;
+    };
+    neutral: {
+        light: {
             neutral2: string;
-            neutral3: string;
+            neutral1: string;
             neutral4: string;
+            neutral8: string;
+            neutral12: string;
+            neutral3: string;
             neutral5: string;
-            neutral6: string;
             neutral7: string;
-            neutral8: string;
             neutral9: string;
             neutral10: string;
+            neutral6: string;
             neutral11: string;
-            neutral12: string;
-        };
-        orange: {
-            orange1: string;
-            orange2: string;
-            orange3: string;
-            orange4: string;
-            orange5: string;
-            orange6: string;
-            orange7: string;
-            orange8: string;
-            orange9: string;
-            orange10: string;
-            orange11: string;
-            orange12: string;
-        };
-        pink: {
-            pink1: string;
-            pink2: string;
-            pink3: string;
-            pink4: string;
-            pink5: string;
-            pink6: string;
-            pink7: string;
-            pink8: string;
-            pink9: string;
-            pink10: string;
-            pink11: string;
-            pink12: string;
-        };
-        purple: {
-            purple1: string;
-            purple2: string;
-            purple3: string;
-            purple4: string;
-            purple5: string;
-            purple6: string;
-            purple7: string;
-            purple8: string;
-            purple9: string;
-            purple10: string;
-            purple11: string;
-            purple12: string;
         };
-        red: {
-            red1: string;
-            red2: string;
-            red3: string;
-            red4: string;
-            red5: string;
-            red6: string;
-            red7: string;
-            red8: string;
-            red9: string;
-            red10: string;
-            red11: string;
-            red12: string;
-        };
-        tan: {
-            tan1: string;
-            tan2: string;
-            tan3: string;
-            tan4: string;
-            tan5: string;
-            tan6: string;
-            tan7: string;
-            tan8: string;
-            tan9: string;
-            tan10: string;
-            tan11: string;
-            tan12: string;
-        };
-        teal: {
-            teal1: string;
-            teal2: string;
-            teal3: string;
-            teal4: string;
-            teal5: string;
-            teal6: string;
-            teal7: string;
-            teal8: string;
-            teal9: string;
-            teal10: string;
-            teal11: string;
-            teal12: string;
-        };
-        yellow: {
-            yellow1: string;
-            yellow2: string;
-            yellow3: string;
-            yellow4: string;
-            yellow5: string;
-            yellow6: string;
-            yellow7: string;
-            yellow8: string;
-            yellow9: string;
-            yellow10: string;
-            yellow11: string;
-            yellow12: string;
+        dark: {
+            neutral2: string;
+            neutral1: string;
+            neutral4: string;
+            neutral8: string;
+            neutral12: string;
+            neutral3: string;
+            neutral5: string;
+            neutral7: string;
+            neutral9: string;
+            neutral10: string;
+            neutral6: string;
+            neutral11: string;
         };
     };
 };
-export type ColorPalette = string[];
-export type ColorTheme = {
-    palette: {
-        dark: ColorPalette;
-        light: ColorPalette;
+/** Default grandchildren themes available in v5 */
+export declare const defaultGrandChildrenThemes: {
+    accent: {
+        template: string;
     };
 };
-export type GrandChildrenThemeDefinition = {
-    template: string;
-};
-/** Default color names available in v5 themes */
-export type DefaultColorName = 'blue' | 'gray' | 'green' | 'orange' | 'pink' | 'purple' | 'red' | 'tan' | 'teal' | 'yellow';
-export type ColorDefinition = {
-    dark: ColorPalette;
-    light: ColorPalette;
-};
-export type CreateV5ThemeOptions = {
+/** Union of all color values from children themes (for light or dark) */
+type ChildrenColors<T extends Record<string, ChildTheme>, Mode extends 'light' | 'dark'> = {
+    [K in keyof T]: T[K][Mode];
+}[keyof T];
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type CreateV5ThemeOptions<Children extends Record<string, ChildTheme> = typeof defaultChildrenThemes, GrandChildren extends Record<string, GrandChildrenThemeDefinition> = typeof defaultGrandChildrenThemes> = {
     /** Override the dark base palette (12 colors from darkest to lightest) */
-    darkPalette?: ColorPalette;
+    darkPalette?: string[];
     /** Override the light base palette (12 colors from lightest to darkest) */
-    lightPalette?: ColorPalette;
-    /** Add or override color themes (e.g., { brand: { dark: [...], light: [...] } }) */
-    colors?: Partial<Record<DefaultColorName, ColorDefinition>> & Record<string, ColorDefinition>;
-    /** Whether to include default color themes (blue, red, green, etc.). Defaults to true */
-    includeDefaultColors?: boolean;
-    /** Add or override grandChildrenThemes (e.g., { alt1: { template: 'alt1' } }) */
-    grandChildrenThemes?: Record<string, GrandChildrenThemeDefinition>;
+    lightPalette?: string[];
+    /**
+     * Override children themes (color themes like blue, red, etc.)
+     * Accepts radix color objects directly: { blue: { light: blue, dark: blueDark } }
+     */
+    childrenThemes?: Children;
+    /**
+     * Override grandChildren themes (alt1, alt2, surface1, etc.)
+     * Pass undefined or omit to use defaultGrandChildrenThemes
+     */
+    grandChildrenThemes?: GrandChildren;
+    /** Override component themes. Pass false to disable, or provide custom component themes. Defaults to defaultComponentThemes */
+    componentThemes?: false | Parameters<typeof createThemes>[0]['componentThemes'];
 };
 /**
  * Creates v5 themes with optional customizations.
@@ -351,263 +230,38 @@ export type CreateV5ThemeOptions = {
  * const themes = createV5Theme()
  *
  * @example
- * Add a custom brand color
+ * Custom children themes with brand color (accepts radix colors directly)
  * const themes = createV5Theme({
- *   colors: {
- *     brand: {
- *       light: ['#fff', '#fef', '#fdf', '#fcf', '#fbf', '#faf', '#f9f', '#f8f', '#f7f', '#f6f', '#f5f', '#f0f'],
- *       dark: ['#101', '#202', '#303', '#404', '#505', '#606', '#707', '#808', '#909', '#a0a', '#b0b', '#c0c'],
- *     },
+ *   childrenThemes: {
+ *     ...defaultChildrenThemes,
+ *     brand: { light: brandLight, dark: brandDark },
  *   },
  * })
  *
  * @example
- * Override base palettes
+ * Minimal - no color themes
  * const themes = createV5Theme({
- *   lightPalette: ['#fff', '#fafafa', ...],
- *   darkPalette: ['#000', '#111', ...],
+ *   childrenThemes: {},
  * })
  */
-export declare function createV5Theme(options?: CreateV5ThemeOptions): Record<"light" | "dark" | `light_${string}` | `dark_${string}`, {
-    yellow1: string;
-    yellow2: string;
-    yellow3: string;
-    yellow4: string;
-    yellow5: string;
-    yellow6: string;
-    yellow7: string;
-    yellow8: string;
-    yellow9: string;
-    yellow10: string;
-    yellow11: string;
-    yellow12: string;
-    red1: string;
-    red2: string;
-    red3: string;
-    red4: string;
-    red5: string;
-    red6: string;
-    red7: string;
-    red8: string;
-    red9: string;
-    red10: string;
-    red11: string;
-    red12: string;
-    purple1: string;
-    purple2: string;
-    purple3: string;
-    purple4: string;
-    purple5: string;
-    purple6: string;
-    purple7: string;
-    purple8: string;
-    purple9: string;
-    purple10: string;
-    purple11: string;
-    purple12: string;
-    pink1: string;
-    pink2: string;
-    pink3: string;
-    pink4: string;
-    pink5: string;
-    pink6: string;
-    pink7: string;
-    pink8: string;
-    pink9: string;
-    pink10: string;
-    pink11: string;
-    pink12: string;
-    orange1: string;
-    orange2: string;
-    orange3: string;
-    orange4: string;
-    orange5: string;
-    orange6: string;
-    orange7: string;
-    orange8: string;
-    orange9: string;
-    orange10: string;
-    orange11: string;
-    orange12: string;
-    green1: string;
-    green2: string;
-    green3: string;
-    green4: string;
-    green5: string;
-    green6: string;
-    green7: string;
-    green8: string;
-    green9: string;
-    green10: string;
-    green11: string;
-    green12: string;
-    gray1: string;
-    gray2: string;
-    gray3: string;
-    gray4: string;
-    gray5: string;
-    gray6: string;
-    gray7: string;
-    gray8: string;
-    gray9: string;
-    gray10: string;
-    gray11: string;
-    gray12: string;
-    blue1: string;
-    blue2: string;
-    blue3: string;
-    blue4: string;
-    blue5: string;
-    blue6: string;
-    blue7: string;
-    blue8: string;
-    blue9: string;
-    blue10: string;
-    blue11: string;
-    blue12: string;
-    color: string;
-    shadowColor: string;
-    borderColor: string;
-    borderColorHover: string;
-    colorHover: string;
-    colorFocus: string;
-    colorPress: string;
-    color1: string;
-    color2: string;
-    color3: string;
-    color4: string;
-    color5: string;
-    color6: string;
-    color7: string;
-    color8: string;
-    color9: string;
-    color10: string;
-    color11: string;
-    color12: string;
-    background: string;
-    backgroundHover: string;
-    backgroundPress: string;
-    backgroundFocus: string;
-    colorTransparent: string;
-    borderColorFocus: string;
-    borderColorPress: string;
-    placeholderColor: string;
-    outlineColor: string;
-    accentBackground: string;
-    accentColor: string;
-    background0: string;
-    color0: string;
-    white0: string;
-    black0: string;
-    white1: string;
-    white2: string;
-    white3: string;
-    white4: string;
-    white5: string;
-    white6: string;
-    white7: string;
-    white8: string;
-    white9: string;
-    white10: string;
-    white11: string;
-    white12: string;
-    black1: string;
-    black2: string;
-    black3: string;
-    black4: string;
-    black5: string;
-    black6: string;
-    black7: string;
-    black8: string;
-    black9: string;
-    black10: string;
-    black11: string;
-    black12: string;
-    black: string;
-    white: string;
-    shadow1: string;
-    shadow2: string;
-    shadow3: string;
-    shadow4: string;
-    shadow5: string;
-    shadow6: string;
-    background02: string;
-    background04: string;
-    background06: string;
-    background08: string;
-    color02: string;
-    color04: string;
-    color06: string;
-    color08: string;
-    accent0: string;
-    accent2: string;
-    accent1: string;
-    accent3: string;
-    accent4: string;
-    accent5: string;
-    accent6: string;
-    accent7: string;
-    accent8: string;
-    accent9: string;
-    accent10: string;
-    accent11: string;
-    accent12: string;
-    teal1: string;
-    teal2: string;
-    teal3: string;
-    teal4: string;
-    teal5: string;
-    teal6: string;
-    teal7: string;
-    teal8: string;
-    teal9: string;
-    teal10: string;
-    teal11: string;
-    teal12: string;
+export declare function createV5Theme<Children extends Record<string, ChildTheme> = typeof defaultChildrenThemes, GrandChildren extends Record<string, GrandChildrenThemeDefinition> = typeof defaultGrandChildrenThemes>(options?: CreateV5ThemeOptions<Children, GrandChildren>): Record<"light" | "dark" | "light_accent" | "dark_accent" | ("black" | "white" | keyof Children extends string ? `light_${(GrandChildren extends undefined ? undefined : Record<keyof GrandChildren, any>) extends infer T ? T extends (GrandChildren extends undefined ? undefined : Record<keyof GrandChildren, any>) ? T extends undefined ? "black" | "white" | (string & keyof Children) : "black" | "white" | (string & keyof Children) | (keyof T extends infer T_1 ? T_1 extends keyof T ? T_1 extends string ? `black_${T_1}` | `white_${T_1}` | `${string & keyof Children}_${T_1}` : never : never : never) : never : never}` | `dark_${(GrandChildren extends undefined ? undefined : Record<keyof GrandChildren, any>) extends infer T_2 ? T_2 extends (GrandChildren extends undefined ? undefined : Record<keyof GrandChildren, any>) ? T_2 extends undefined ? "black" | "white" | (string & keyof Children) : "black" | "white" | (string & keyof Children) | (keyof T_2 extends infer T_3 ? T_3 extends keyof T_2 ? T_3 extends string ? `black_${T_3}` | `white_${T_3}` | `${string & keyof Children}_${T_3}` : never : never : never) : never : never}` : never), { [ThemeKey in "color" | "shadowColor" | "borderColor" | "borderColorHover" | "colorHover" | "colorFocus" | "colorPress" | "color1" | "color2" | "color3" | "color4" | "color5" | "color6" | "color7" | "color8" | "color9" | "color10" | "color11" | "color12" | "background" | "backgroundHover" | "backgroundPress" | "backgroundFocus" | "colorTransparent" | "borderColorFocus" | "borderColorPress" | "placeholderColor" | "outlineColor" | "accentBackground" | "accentColor" | "background0" | "color0" | "white0" | "black0" | "white1" | "white2" | "white3" | "white4" | "white5" | "white6" | "white7" | "white8" | "white9" | "white10" | "white11" | "white12" | "black1" | "black2" | "black3" | "black4" | "black5" | "black6" | "black7" | "black8" | "black9" | "black10" | "black11" | "black12" | "black" | "white" | "shadow1" | "shadow2" | "shadow3" | "shadow4" | "shadow5" | "shadow6" | "background02" | "background04" | "background06" | "background08" | "color02" | "color04" | "color06" | "color08" | "accent0" | "accent2" | "accent1" | "accent4" | "accent8" | "accent12" | "accent3" | "accent5" | "accent7" | "accent9" | "accent10" | "accent6" | "accent11" | "white02" | "white04" | "white06" | "white08" | "black02" | "black04" | "black06" | "black08" | keyof UnionToIntersection<ChildrenColors<Children, "dark">>]: string; } & {
+    color0pt5: string;
     color1pt5: string;
     color2pt5: string;
     color01: string;
     color0075: string;
     color005: string;
     color0025: string;
+    color002: string;
+    color001: string;
     background01: string;
     background0075: string;
     background005: string;
     background0025: string;
-    white02: string;
-    white04: string;
-    white06: string;
-    white08: string;
-    black02: string;
-    black04: string;
-    black06: string;
-    black08: string;
-    tan1: string;
-    tan2: string;
-    tan3: string;
-    tan4: string;
-    tan5: string;
-    tan6: string;
-    tan7: string;
-    tan8: string;
-    tan9: string;
-    tan10: string;
-    tan11: string;
-    tan12: string;
-    neutral1: string;
-    neutral2: string;
-    neutral3: string;
-    neutral4: string;
-    neutral5: string;
-    neutral6: string;
-    neutral7: string;
-    neutral8: string;
-    neutral9: string;
-    neutral10: string;
-    neutral11: string;
-    neutral12: string;
+    background002: string;
+    background001: string;
 }>;
-export declare const themes: Record<"light" | "dark" | `light_${string}` | `dark_${string}`, {
+export declare const themes: Record<"light_blue" | "light_gray" | "light_green" | "light_red" | "light_yellow" | "dark_blue" | "dark_gray" | "dark_green" | "dark_red" | "dark_yellow" | "light" | "dark" | "light_accent" | "dark_accent" | "light_black" | "light_white" | "light_blue_accent" | "light_green_accent" | "light_red_accent" | "light_yellow_accent" | "light_black_accent" | "light_white_accent" | "dark_black" | "dark_white" | "dark_blue_accent" | "dark_green_accent" | "dark_red_accent" | "dark_yellow_accent" | "dark_black_accent" | "dark_white_accent" | "light_gray_accent" | "dark_gray_accent" | "light_neutral" | "light_neutral_accent" | "dark_neutral" | "dark_neutral_accent", {
     yellow1: string;
     yellow2: string;
     yellow3: string;
@@ -632,42 +286,6 @@ export declare const themes: Record<"light" | "dark" | `light_${string}` | `dark
     red10: string;
     red11: string;
     red12: string;
-    purple1: string;
-    purple2: string;
-    purple3: string;
-    purple4: string;
-    purple5: string;
-    purple6: string;
-    purple7: string;
-    purple8: string;
-    purple9: string;
-    purple10: string;
-    purple11: string;
-    purple12: string;
-    pink1: string;
-    pink2: string;
-    pink3: string;
-    pink4: string;
-    pink5: string;
-    pink6: string;
-    pink7: string;
-    pink8: string;
-    pink9: string;
-    pink10: string;
-    pink11: string;
-    pink12: string;
-    orange1: string;
-    orange2: string;
-    orange3: string;
-    orange4: string;
-    orange5: string;
-    orange6: string;
-    orange7: string;
-    orange8: string;
-    orange9: string;
-    orange10: string;
-    orange11: string;
-    orange12: string;
     green1: string;
     green2: string;
     green3: string;
@@ -781,69 +399,51 @@ export declare const themes: Record<"light" | "dark" | `light_${string}` | `dark
     accent0: string;
     accent2: string;
     accent1: string;
-    accent3: string;
     accent4: string;
+    accent8: string;
+    accent12: string;
+    accent3: string;
     accent5: string;
-    accent6: string;
     accent7: string;
-    accent8: string;
     accent9: string;
     accent10: string;
+    accent6: string;
     accent11: string;
-    accent12: string;
-    teal1: string;
-    teal2: string;
-    teal3: string;
-    teal4: string;
-    teal5: string;
-    teal6: string;
-    teal7: string;
-    teal8: string;
-    teal9: string;
-    teal10: string;
-    teal11: string;
-    teal12: string;
+    neutral2: string;
+    neutral1: string;
+    neutral4: string;
+    neutral8: string;
+    neutral12: string;
+    neutral3: string;
+    neutral5: string;
+    neutral7: string;
+    neutral9: string;
+    neutral10: string;
+    neutral6: string;
+    neutral11: string;
+    white02: string;
+    white04: string;
+    white06: string;
+    white08: string;
+    black02: string;
+    black04: string;
+    black06: string;
+    black08: string;
+} & {
+    color0pt5: string;
     color1pt5: string;
     color2pt5: string;
     color01: string;
     color0075: string;
     color005: string;
     color0025: string;
+    color002: string;
+    color001: string;
     background01: string;
     background0075: string;
     background005: string;
     background0025: string;
-    white02: string;
-    white04: string;
-    white06: string;
-    white08: string;
-    black02: string;
-    black04: string;
-    black06: string;
-    black08: string;
-    tan1: string;
-    tan2: string;
-    tan3: string;
-    tan4: string;
-    tan5: string;
-    tan6: string;
-    tan7: string;
-    tan8: string;
-    tan9: string;
-    tan10: string;
-    tan11: string;
-    tan12: string;
-    neutral1: string;
-    neutral2: string;
-    neutral3: string;
-    neutral4: string;
-    neutral5: string;
-    neutral6: string;
-    neutral7: string;
-    neutral8: string;
-    neutral9: string;
-    neutral10: string;
-    neutral11: string;
-    neutral12: string;
+    background002: string;
+    background001: string;
 }>;
 //# sourceMappingURL=v5-themes.d.ts.map