@tamagui/themes 1.121.12-1737184001189 → 1.121.12-1737239089067

package/types/generated-v4.d.ts

@@ -77,195 +77,7 @@ type Theme = {
     yellow11: string;
     yellow12: string;
 };
-export declare const light: Theme;
-export declare const dark: Theme;
-export declare const light_accent: Theme;
-export declare const dark_accent: Theme;
-export declare const light_error: Theme;
-export declare const light_warning: Theme;
-export declare const light_success: Theme;
-export declare const dark_error: Theme;
-export declare const dark_warning: Theme;
-export declare const dark_success: Theme;
-export declare const light_ListItem: Theme;
-export declare const light_SelectTrigger: Theme;
-export declare const light_Card: Theme;
-export declare const light_Progress: Theme;
-export declare const light_TooltipArrow: Theme;
-export declare const light_SliderTrack: Theme;
-export declare const light_Input: Theme;
-export declare const light_TextArea: Theme;
-export declare const light_Button: Theme;
-export declare const light_SliderTrackActive: Theme;
-export declare const light_Checkbox: Theme;
-export declare const light_Switch: Theme;
-export declare const light_TooltipContent: Theme;
-export declare const light_RadioGroupItem: Theme;
-export declare const light_SwitchThumb: Theme;
-export declare const light_SliderThumb: Theme;
-export declare const light_Tooltip: Theme;
-export declare const light_ProgressIndicator: Theme;
-export declare const dark_ListItem: Theme;
-export declare const dark_SelectTrigger: Theme;
-export declare const dark_Card: Theme;
-export declare const dark_Progress: Theme;
-export declare const dark_TooltipArrow: Theme;
-export declare const dark_SliderTrack: Theme;
-export declare const dark_Input: Theme;
-export declare const dark_TextArea: Theme;
-export declare const dark_Button: Theme;
-export declare const dark_SliderTrackActive: Theme;
-export declare const dark_Checkbox: Theme;
-export declare const dark_Switch: Theme;
-export declare const dark_TooltipContent: Theme;
-export declare const dark_RadioGroupItem: Theme;
-export declare const dark_SwitchThumb: Theme;
-export declare const dark_SliderThumb: Theme;
-export declare const dark_Tooltip: Theme;
-export declare const dark_ProgressIndicator: Theme;
-export declare const light_accent_ListItem: Theme;
-export declare const light_accent_SelectTrigger: Theme;
-export declare const light_accent_Card: Theme;
-export declare const light_accent_Progress: Theme;
-export declare const light_accent_TooltipArrow: Theme;
-export declare const light_accent_SliderTrack: Theme;
-export declare const light_accent_Input: Theme;
-export declare const light_accent_TextArea: Theme;
-export declare const light_accent_Button: Theme;
-export declare const light_accent_SliderTrackActive: Theme;
-export declare const light_accent_Checkbox: Theme;
-export declare const light_accent_Switch: Theme;
-export declare const light_accent_TooltipContent: Theme;
-export declare const light_accent_RadioGroupItem: Theme;
-export declare const light_accent_SwitchThumb: Theme;
-export declare const light_accent_SliderThumb: Theme;
-export declare const light_accent_Tooltip: Theme;
-export declare const light_accent_ProgressIndicator: Theme;
-export declare const dark_accent_ListItem: Theme;
-export declare const dark_accent_SelectTrigger: Theme;
-export declare const dark_accent_Card: Theme;
-export declare const dark_accent_Progress: Theme;
-export declare const dark_accent_TooltipArrow: Theme;
-export declare const dark_accent_SliderTrack: Theme;
-export declare const dark_accent_Input: Theme;
-export declare const dark_accent_TextArea: Theme;
-export declare const dark_accent_Button: Theme;
-export declare const dark_accent_SliderTrackActive: Theme;
-export declare const dark_accent_Checkbox: Theme;
-export declare const dark_accent_Switch: Theme;
-export declare const dark_accent_TooltipContent: Theme;
-export declare const dark_accent_RadioGroupItem: Theme;
-export declare const dark_accent_SwitchThumb: Theme;
-export declare const dark_accent_SliderThumb: Theme;
-export declare const dark_accent_Tooltip: Theme;
-export declare const dark_accent_ProgressIndicator: Theme;
-export declare const light_error_ListItem: Theme;
-export declare const light_error_SelectTrigger: Theme;
-export declare const light_error_Card: Theme;
-export declare const light_error_Progress: Theme;
-export declare const light_error_TooltipArrow: Theme;
-export declare const light_error_SliderTrack: Theme;
-export declare const light_error_Input: Theme;
-export declare const light_error_TextArea: Theme;
-export declare const light_error_Button: Theme;
-export declare const light_error_SliderTrackActive: Theme;
-export declare const light_error_Checkbox: Theme;
-export declare const light_error_Switch: Theme;
-export declare const light_error_TooltipContent: Theme;
-export declare const light_error_RadioGroupItem: Theme;
-export declare const light_error_SwitchThumb: Theme;
-export declare const light_error_SliderThumb: Theme;
-export declare const light_error_Tooltip: Theme;
-export declare const light_error_ProgressIndicator: Theme;
-export declare const light_warning_ListItem: Theme;
-export declare const light_warning_SelectTrigger: Theme;
-export declare const light_warning_Card: Theme;
-export declare const light_warning_Progress: Theme;
-export declare const light_warning_TooltipArrow: Theme;
-export declare const light_warning_SliderTrack: Theme;
-export declare const light_warning_Input: Theme;
-export declare const light_warning_TextArea: Theme;
-export declare const light_warning_Button: Theme;
-export declare const light_warning_SliderTrackActive: Theme;
-export declare const light_warning_Checkbox: Theme;
-export declare const light_warning_Switch: Theme;
-export declare const light_warning_TooltipContent: Theme;
-export declare const light_warning_RadioGroupItem: Theme;
-export declare const light_warning_SwitchThumb: Theme;
-export declare const light_warning_SliderThumb: Theme;
-export declare const light_warning_Tooltip: Theme;
-export declare const light_warning_ProgressIndicator: Theme;
-export declare const light_success_ListItem: Theme;
-export declare const light_success_SelectTrigger: Theme;
-export declare const light_success_Card: Theme;
-export declare const light_success_Progress: Theme;
-export declare const light_success_TooltipArrow: Theme;
-export declare const light_success_SliderTrack: Theme;
-export declare const light_success_Input: Theme;
-export declare const light_success_TextArea: Theme;
-export declare const light_success_Button: Theme;
-export declare const light_success_SliderTrackActive: Theme;
-export declare const light_success_Checkbox: Theme;
-export declare const light_success_Switch: Theme;
-export declare const light_success_TooltipContent: Theme;
-export declare const light_success_RadioGroupItem: Theme;
-export declare const light_success_SwitchThumb: Theme;
-export declare const light_success_SliderThumb: Theme;
-export declare const light_success_Tooltip: Theme;
-export declare const light_success_ProgressIndicator: Theme;
-export declare const dark_error_ListItem: Theme;
-export declare const dark_error_SelectTrigger: Theme;
-export declare const dark_error_Card: Theme;
-export declare const dark_error_Progress: Theme;
-export declare const dark_error_TooltipArrow: Theme;
-export declare const dark_error_SliderTrack: Theme;
-export declare const dark_error_Input: Theme;
-export declare const dark_error_TextArea: Theme;
-export declare const dark_error_Button: Theme;
-export declare const dark_error_SliderTrackActive: Theme;
-export declare const dark_error_Checkbox: Theme;
-export declare const dark_error_Switch: Theme;
-export declare const dark_error_TooltipContent: Theme;
-export declare const dark_error_RadioGroupItem: Theme;
-export declare const dark_error_SwitchThumb: Theme;
-export declare const dark_error_SliderThumb: Theme;
-export declare const dark_error_Tooltip: Theme;
-export declare const dark_error_ProgressIndicator: Theme;
-export declare const dark_warning_ListItem: Theme;
-export declare const dark_warning_SelectTrigger: Theme;
-export declare const dark_warning_Card: Theme;
-export declare const dark_warning_Progress: Theme;
-export declare const dark_warning_TooltipArrow: Theme;
-export declare const dark_warning_SliderTrack: Theme;
-export declare const dark_warning_Input: Theme;
-export declare const dark_warning_TextArea: Theme;
-export declare const dark_warning_Button: Theme;
-export declare const dark_warning_SliderTrackActive: Theme;
-export declare const dark_warning_Checkbox: Theme;
-export declare const dark_warning_Switch: Theme;
-export declare const dark_warning_TooltipContent: Theme;
-export declare const dark_warning_RadioGroupItem: Theme;
-export declare const dark_warning_SwitchThumb: Theme;
-export declare const dark_warning_SliderThumb: Theme;
-export declare const dark_warning_Tooltip: Theme;
-export declare const dark_warning_ProgressIndicator: Theme;
-export declare const dark_success_ListItem: Theme;
-export declare const dark_success_SelectTrigger: Theme;
-export declare const dark_success_Card: Theme;
-export declare const dark_success_Progress: Theme;
-export declare const dark_success_TooltipArrow: Theme;
-export declare const dark_success_SliderTrack: Theme;
-export declare const dark_success_Input: Theme;
-export declare const dark_success_TextArea: Theme;
-export declare const dark_success_Button: Theme;
-export declare const dark_success_SliderTrackActive: Theme;
-export declare const dark_success_Checkbox: Theme;
-export declare const dark_success_Switch: Theme;
-export declare const dark_success_TooltipContent: Theme;
-export declare const dark_success_RadioGroupItem: Theme;
-export declare const dark_success_SwitchThumb: Theme;
-export declare const dark_success_SliderThumb: Theme;
-export declare const dark_success_Tooltip: Theme;
-export declare const dark_success_ProgressIndicator: Theme;
+type ThemeNames = 'light' | 'dark' | 'light_accent' | 'dark_accent' | 'light_error' | 'light_warning' | 'light_success' | 'dark_error' | 'dark_warning' | 'dark_success';
+export declare const themes: Record<ThemeNames, Theme>;
 export {};
 //# sourceMappingURL=generated-v4.d.ts.map

package/types/themes.d.ts

@@ -1,3 +1,2 @@
-import * as themes from './generated-new';
-export { themes };
+export { themes } from './generated-new';
 //# sourceMappingURL=themes.d.ts.map

package/types/v2.d.ts

@@ -1,5 +1,4 @@
-import * as generatedThemes from './generated-v2';
-export declare const themes: typeof generatedThemes;
+export { themes } from './generated-v2';
 export { tokens } from './tokens';
 export { blue, blueDark } from '@tamagui/colors';
 export { green, greenDark } from '@tamagui/colors';

package/types/v3.d.ts

@@ -1,5 +1,4 @@
-import * as generatedThemes from './generated-v3';
-export declare const themes: typeof generatedThemes;
+export { themes } from './generated-v3';
 export { tokens } from './v3-themes';
 export { blue, blueDark } from '@tamagui/colors';
 export { green, greenDark } from '@tamagui/colors';

package/types/v4-createTheme.d.ts

@@ -46,7 +46,7 @@ export type CreateThemesProps<Accent extends BaseThemeDefinition<Extra> | undefi
         scheme?: 'light' | 'dark';
     }) => Record<string, string>;
 };
-export declare function createThemeSuite<Extra extends ExtraThemeValuesByScheme, SubThemes extends SimpleThemesDefinition, ComponentThemes extends SimpleThemesDefinition, GrandChildrenThemes extends SimpleThemesDefinition | undefined = undefined, Accent extends BaseThemeDefinition<Extra> | undefined = undefined>(props: CreateThemesProps<Accent, GrandChildrenThemes, Extra, SubThemes, ComponentThemes>): { [Key in "light" | "dark" | ((Accent extends undefined ? false : true) extends infer T ? T extends (Accent extends undefined ? false : true) ? T extends true ? "light_accent" | "dark_accent" : never : never : never) | (keyof SubThemes extends string ? `light_${(GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) extends infer T_1 ? T_1 extends (GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) ? T_1 extends undefined ? string & keyof SubThemes : NamesWithChildrenNames<string & keyof SubThemes, keyof T_1> : never : never}` | `dark_${(GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) extends infer T_2 ? T_2 extends (GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) ? T_2 extends undefined ? string & keyof SubThemes : NamesWithChildrenNames<string & keyof SubThemes, keyof T_2> : never : never}` : never)]: { [ThemeKey in "borderColor" | "borderColorHover" | "borderColorPress" | "borderColorFocus" | "color" | "shadowColor" | "shadowColorHover" | "shadowColorPress" | "shadowColorFocus" | "colorHover" | "colorFocus" | "colorPress" | "color1" | "color2" | "color3" | "color4" | "color5" | "color6" | "color7" | "color8" | "color9" | "color10" | "color11" | "color12" | "background" | "backgroundHover" | "backgroundPress" | "backgroundFocus" | "colorTransparent" | "placeholderColor" | "outlineColor" | "accentBackground" | "accentColor" | "background0" | "background025" | "background05" | "background075" | "color0" | "color025" | "color05" | "color075" | keyof Extra["dark"]]: string; }; };
+export declare function createThemeSuite<Extra extends ExtraThemeValuesByScheme, SubThemes extends SimpleThemesDefinition, ComponentThemes extends SimpleThemesDefinition, GrandChildrenThemes extends SimpleThemesDefinition | undefined = undefined, Accent extends BaseThemeDefinition<Extra> | undefined = undefined>(props: CreateThemesProps<Accent, GrandChildrenThemes, Extra, SubThemes, ComponentThemes>): Record<"light" | "dark" | ((Accent extends undefined ? false : true) extends infer T ? T extends (Accent extends undefined ? false : true) ? T extends true ? "light_accent" | "dark_accent" : never : never : never) | (keyof SubThemes extends string ? `light_${(GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) extends infer T_1 ? T_1 extends (GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) ? T_1 extends undefined ? string & keyof SubThemes : NamesWithChildrenNames<string & keyof SubThemes, keyof T_1> : never : never}` | `dark_${(GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) extends infer T_2 ? T_2 extends (GrandChildrenThemes extends undefined ? undefined : Record<keyof GrandChildrenThemes, any>) ? T_2 extends undefined ? string & keyof SubThemes : NamesWithChildrenNames<string & keyof SubThemes, keyof T_2> : never : never}` : never), { [ThemeKey in "borderColor" | "borderColorHover" | "borderColorPress" | "borderColorFocus" | "color" | "shadowColor" | "shadowColorHover" | "shadowColorPress" | "shadowColorFocus" | "colorHover" | "colorFocus" | "colorPress" | "color1" | "color2" | "color3" | "color4" | "color5" | "color6" | "color7" | "color8" | "color9" | "color10" | "color11" | "color12" | "background" | "backgroundHover" | "backgroundPress" | "backgroundFocus" | "colorTransparent" | "placeholderColor" | "outlineColor" | "accentBackground" | "accentColor" | "background0" | "background025" | "background05" | "background075" | "color0" | "color025" | "color05" | "color075" | keyof Extra["dark"]]: string; }>;
 type NamesWithChildrenNames<ParentNames extends string, ChildNames> = ParentNames | (ChildNames extends string ? `${ParentNames}_${ChildNames}` : never);
 export declare function createSimpleThemeBuilder<Extra extends ExtraThemeValuesByScheme, Templates extends BuildTemplates, Palettes extends SimplePaletteDefinitions, ChildrenThemes extends Record<string, {
     template: keyof Templates extends string ? keyof Templates : never;
@@ -56,7 +56,7 @@ export declare function createSimpleThemeBuilder<Extra extends ExtraThemeValuesB
     palette?: string;
 }>, HasAccent extends boolean, ComponentThemes extends SimpleThemesDefinition, FullTheme = {
     [ThemeKey in keyof Templates['light_base'] | keyof Extra['dark']]: string;
-}>(props: {
+}, ThemeNames extends string = 'light' | 'dark' | (HasAccent extends true ? 'light_accent' | 'dark_accent' : never) | (keyof ChildrenThemes extends string ? `${'light' | 'dark'}_${GrandChildrenThemes extends undefined ? keyof ChildrenThemes : NamesWithChildrenNames<keyof ChildrenThemes, keyof GrandChildrenThemes>}` : never)>(props: {
     palettes?: Palettes;
     accentTheme?: HasAccent;
     templates?: Templates;
@@ -66,30 +66,14 @@ export declare function createSimpleThemeBuilder<Extra extends ExtraThemeValuesB
     extra?: Extra;
 }): {
     themeBuilder: ThemeBuilder<any>;
-    themes: {
-        [Key in 'light' | 'dark' | (HasAccent extends true ? 'light_accent' | 'dark_accent' : never) | (keyof ChildrenThemes extends string ? `${'light' | 'dark'}_${GrandChildrenThemes extends undefined ? keyof ChildrenThemes : NamesWithChildrenNames<keyof ChildrenThemes, keyof GrandChildrenThemes>}` : never)]: FullTheme;
-    };
+    themes: Record<ThemeNames, FullTheme>;
 };
 export declare function createThemes(props: BuildThemeSuiteProps): {
     themeBuilder: ThemeBuilder<any>;
-    themes: {
-        [x: `light_${string}`]: {
-            [x: string]: string;
-            [x: number]: string;
-        };
-        [x: `dark_${string}`]: {
-            [x: string]: string;
-            [x: number]: string;
-        };
-        light: {
-            [x: string]: string;
-            [x: number]: string;
-        };
-        dark: {
-            [x: string]: string;
-            [x: number]: string;
-        };
-    };
+    themes: Record<"light" | "dark" | `light_${string}` | `dark_${string}`, {
+        [x: string]: string;
+        [x: number]: string;
+    }>;
 };
 export declare const getComponentThemes: (components: SimpleThemesDefinition) => {
     [k: string]: {