@tamagui/themes 1.121.12 → 1.122.0

package/types/v4-createTheme.d.ts

@@ -1,157 +0,0 @@
-import { type ThemeBuilder } from '@tamagui/theme-builder';
-import type { BuildPalettes, BuildTemplates, BuildThemeSuiteProps } from './types';
-import { defaultTemplates } from './v4-defaultTemplates';
-export { getThemeSuitePalettes, PALETTE_BACKGROUND_OFFSET } from './getThemeSuitePalettes';
-export type * from './types';
-export { defaultTemplates } from './v4-defaultTemplates';
-/**
- * TODO
- *
- *  - we avoidNestingWithin accent, but sometimes want it eg v4-tamagui grandChildren
- *    a good default would be to IF palette is set, dont nest, IF only template, nest
- *    needs to update both runtime logic and types
- */
-type ExtraThemeValues = Record<string, string>;
-type ExtraThemeValuesByScheme<Values extends ExtraThemeValues = ExtraThemeValues> = {
-    dark: Values;
-    light: Values;
-};
-type SimpleThemeDefinition = {
-    palette?: Palette;
-    template?: string;
-};
-type BaseThemeDefinition<Extra extends ExtraThemeValuesByScheme> = {
-    palette: Palette;
-    template?: string;
-    extra?: Extra;
-};
-type SimpleThemesDefinition = Record<string, SimpleThemeDefinition>;
-type SimplePaletteDefinitions = Record<string, string[]>;
-type SinglePalette = string[];
-type SchemePalette = {
-    light: SinglePalette;
-    dark: SinglePalette;
-};
-type Palette = SinglePalette | SchemePalette;
-export type CreateThemesProps<Accent extends BaseThemeDefinition<Extra> | undefined = undefined, GrandChildrenThemes extends SimpleThemesDefinition | undefined = undefined, Extra extends ExtraThemeValuesByScheme = ExtraThemeValuesByScheme, ChildrenThemes extends SimpleThemesDefinition = SimpleThemesDefinition, ComponentThemes extends SimpleThemesDefinition = SimpleThemesDefinition, Templates extends BuildTemplates = typeof defaultTemplates> = {
-    base: BaseThemeDefinition<Extra>;
-    accent?: Accent;
-    childrenThemes?: ChildrenThemes;
-    grandChildrenThemes?: GrandChildrenThemes;
-    templates?: Templates;
-    componentThemes?: ComponentThemes;
-    colorsToTheme?: (props: {
-        colors: string[];
-        name: string;
-        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; }; };
-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;
-    palette?: string;
-}>, GrandChildrenThemes extends undefined | Record<string, {
-    template: keyof Templates extends string ? keyof Templates : never;
-    palette?: string;
-}>, HasAccent extends boolean, ComponentThemes extends SimpleThemesDefinition, FullTheme = {
-    [ThemeKey in keyof Templates['light_base'] | keyof Extra['dark']]: string;
-}>(props: {
-    palettes?: Palettes;
-    accentTheme?: HasAccent;
-    templates?: Templates;
-    childrenThemes?: ChildrenThemes;
-    grandChildrenThemes?: GrandChildrenThemes;
-    componentThemes?: ComponentThemes;
-    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;
-    };
-};
-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;
-        };
-    };
-};
-export declare const getComponentThemes: (components: SimpleThemesDefinition) => {
-    [k: string]: {
-        parent: string;
-        template: string;
-    };
-};
-export declare const defaultComponentThemes: {
-    ListItem: {
-        template: string;
-    };
-    SelectTrigger: {
-        template: string;
-    };
-    Card: {
-        template: string;
-    };
-    Button: {
-        template: string;
-    };
-    Checkbox: {
-        template: string;
-    };
-    Switch: {
-        template: string;
-    };
-    SwitchThumb: {
-        template: string;
-    };
-    TooltipContent: {
-        template: string;
-    };
-    Progress: {
-        template: string;
-    };
-    RadioGroupItem: {
-        template: string;
-    };
-    TooltipArrow: {
-        template: string;
-    };
-    SliderTrackActive: {
-        template: string;
-    };
-    SliderTrack: {
-        template: string;
-    };
-    SliderThumb: {
-        template: string;
-    };
-    Tooltip: {
-        template: string;
-    };
-    ProgressIndicator: {
-        template: string;
-    };
-    Input: {
-        template: string;
-    };
-    TextArea: {
-        template: string;
-    };
-};
-export declare function createPalettes(palettes: BuildPalettes): SimplePaletteDefinitions;
-//# sourceMappingURL=v4-createTheme.d.ts.map