@udixio/theme 1.0.0-beta.2 → 1.0.0-beta.20

package/dist/app.container.d.ts

@@ -0,0 +1,5 @@
+import { AwilixContainer, BuildResolver, DisposableResolver } from 'awilix';
+export type Module = Record<string, BuildResolver<any> & DisposableResolver<any>>;
+export declare function importContainer(container: AwilixContainer, services: Module[]): AwilixContainer<any>;
+declare const AppContainer: AwilixContainer<any>;
+export default AppContainer;

package/dist/app.module.d.ts

@@ -1,2 +1,2 @@
-export declare class AppModule {
-}
+import { Module } from './app.container';
+export declare const AppModule: Module;

package/dist/app.service.d.ts

@@ -1,7 +1,13 @@
-import { ColorService } from './color/color.service';
-import { ThemeService } from './theme/services/theme.service';
+import { ColorService } from './color';
+import { ThemeService } from './theme';
+import { PluginService } from './plugin/plugin.service';
 export declare class AppService {
     colorService: ColorService;
     themeService: ThemeService;
-    constructor(colorService: ColorService, themeService: ThemeService);
+    pluginService: PluginService;
+    constructor({ colorService, themeService, pluginService, }: {
+        colorService: ColorService;
+        themeService: ThemeService;
+        pluginService: PluginService;
+    });
 }

package/dist/color/color.interface.d.ts

@@ -4,6 +4,5 @@ export interface ColorInterface {
     removeColor(key: string): boolean;
     getColor(key: string): ColorEntity;
     updateColor(key: string, newColor: ColorOptions): ColorEntity;
-    getAllColors(): ReadonlyMap<string, ColorEntity>;
-    addColors(colors: Record<string, ColorOptions>): ColorEntity[];
+    getColors(): ReadonlyMap<string, ColorEntity>;
 }

package/dist/color/color.module.d.ts

@@ -1,2 +1,2 @@
-export declare class ColorModule {
-}
+import { Module } from '../app.container';
+export declare const ColorModule: Module;

package/dist/color/entities/color.entity.d.ts

@@ -3,7 +3,7 @@ import { SchemeEntity } from '../../theme/entities/scheme.entity';
 import { DynamicColor } from '../../material-color-utilities/dynamic_color';
 import { ContrastCurve } from '../../material-color-utilities';
 import { SchemeService } from '../../theme/services/scheme.service';
-import { ColorManagerService } from '../color-manager.service';
+import { ColorManagerService } from '../services/color-manager.service';
 export interface ColorOptions {
     palette: (scheme: SchemeEntity) => TonalPalette;
     tone: (scheme: SchemeEntity) => number;
@@ -32,6 +32,11 @@ export declare class ColorEntity {
     }>): void;
     getHex(): string;
     getArgb(): number;
+    getRgb(): {
+        r: number;
+        g: number;
+        b: number;
+    };
     getName(): string;
     getDynamicColor(): DynamicColor;
 }

package/dist/color/entities/index.d.ts

@@ -0,0 +1 @@
+export * from './color.entity';

package/dist/color/index.d.ts

@@ -0,0 +1,5 @@
+export * from './color.interface';
+export * from './color.module';
+export * from './entities';
+export * from './models';
+export * from './services';

package/dist/color/models/default-color.model.d.ts

@@ -1,4 +1,3 @@
-import { ColorOptions } from '../entities/color.entity';
-import { ColorManagerService } from '../color-manager.service';
+import { AddColorsOptions } from '../services/color.service';
 export type DynamicColorKey = 'background' | 'onBackground' | 'surface' | 'surfaceDim' | 'surfaceBright' | 'surfaceContainerLowest' | 'surfaceContainerLow' | 'surfaceContainer' | 'surfaceContainerHigh' | 'surfaceContainerHighest' | 'onSurface' | 'surfaceVariant' | 'onSurfaceVariant' | 'inverseSurface' | 'inverseOnSurface' | 'outline' | 'outlineVariant' | 'shadow' | 'scrim' | 'surfaceTint' | 'primary' | 'onPrimary' | 'primaryContainer' | 'onPrimaryContainer' | 'inversePrimary' | 'secondary' | 'onSecondary' | 'secondaryContainer' | 'onSecondaryContainer' | 'tertiary' | 'onTertiary' | 'tertiaryContainer' | 'onTertiaryContainer' | 'error' | 'onError' | 'errorContainer' | 'onErrorContainer' | 'primaryFixed' | 'primaryFixedDim' | 'onPrimaryFixed' | 'onPrimaryFixedVariant' | 'secondaryFixed' | 'secondaryFixedDim' | 'onSecondaryFixed' | 'onSecondaryFixedVariant' | 'tertiaryFixed' | 'tertiaryFixedDim' | 'onTertiaryFixed' | 'onTertiaryFixedVariant';
-export declare const DefaultColors: (colorManagerService: ColorManagerService) => Partial<Record<DynamicColorKey, Partial<Omit<ColorOptions, "name">>>>;
+export declare const defaultColors: AddColorsOptions;

package/dist/color/models/index.d.ts

@@ -0,0 +1 @@
+export * from './default-color.model';

package/dist/color/services/color-manager.service.d.ts

@@ -0,0 +1,18 @@
+import { DynamicColor } from '../../material-color-utilities/dynamic_color';
+import { SchemeEntity } from '../../theme/entities/scheme.entity';
+import { ColorEntity, ColorOptions } from '../entities/color.entity';
+import { SchemeService } from '../../theme/services/scheme.service';
+import { ColorService } from './color.service';
+export declare const highestSurface: (s: SchemeEntity, colorService: ColorManagerService | ColorService) => DynamicColor;
+export declare class ColorManagerService {
+    private colorMap;
+    private readonly schemeService;
+    constructor({ schemeService }: {
+        schemeService: SchemeService;
+    });
+    createOrUpdate(key: string, args: Partial<ColorOptions>): ColorEntity;
+    remove(key: string): boolean;
+    get(key: string): ColorEntity;
+    getAll(): ReadonlyMap<string, ColorEntity>;
+    addFromPalette(key: string): void;
+}

package/dist/color/services/color.service.d.ts

@@ -0,0 +1,21 @@
+import { ColorManagerService } from './color-manager.service';
+import { ColorInterface } from '../color.interface';
+import { ColorEntity, ColorOptions } from '../entities';
+type AddColors = {
+    colors?: Record<string, Partial<ColorOptions>>;
+    fromPalettes?: string[] | string;
+};
+export type AddColorsOptions = AddColors | ((colorService: ColorService) => AddColors);
+export declare class ColorService implements ColorInterface {
+    private readonly colorManagerService;
+    constructor({ colorManagerService, }: {
+        colorManagerService: ColorManagerService;
+    });
+    getColors(): ReadonlyMap<string, ColorEntity>;
+    addColor(key: string, color: Partial<ColorOptions>): ColorEntity;
+    addColors(args: AddColorsOptions | AddColorsOptions[]): void;
+    getColor(key: string): ColorEntity;
+    removeColor(key: string): boolean;
+    updateColor(key: string, newColor: Partial<ColorOptions>): ColorEntity;
+}
+export {};

package/dist/color/services/index.d.ts

@@ -0,0 +1,2 @@
+export * from './color-manager.service';
+export * from './color.service';

package/dist/config/config.interface.d.ts

@@ -0,0 +1,13 @@
+import { VariantEntity } from '../theme';
+import { AddColorsOptions } from '../color';
+import { PluginConstructor } from '../plugin/plugin.service';
+export interface ConfigInterface {
+    sourceColor: string;
+    contrastLevel?: 0;
+    isDark?: boolean;
+    variant?: VariantEntity;
+    colors?: AddColorsOptions | AddColorsOptions[];
+    useDefaultColors?: boolean;
+    palettes?: Record<string, string>;
+    plugins?: (PluginConstructor | [PluginConstructor, object])[];
+}

package/dist/config/config.module.d.ts

@@ -0,0 +1,2 @@
+import { Module } from '../app.container';
+export declare const ConfigModule: Module;

package/dist/config/config.service.d.ts

@@ -0,0 +1,12 @@
+import { ConfigInterface } from './config.interface';
+import { AppService } from '../app.service';
+export declare function defineConfig(configObject: ConfigInterface): ConfigInterface;
+export declare class ConfigService {
+    configPath: string;
+    private appService;
+    constructor({ appService }: {
+        appService: AppService;
+    });
+    loadConfig(): void;
+    private getConfig;
+}

package/dist/config/index.d.ts

@@ -0,0 +1,3 @@
+export * from './config.interface';
+export * from './config.module';
+export * from './config.service';

package/dist/index.d.ts

@@ -1 +1,12 @@
+export { default as AppContainer } from './app.container';
+export * from './app.container';
+export * from './app.module';
+export * from './app.service';
+export * from './color';
+export * from './config';
 export * from './main';
+export * from './material-color-utilities';
+export * from './plugin';
+export * from './plugins/font';
+export * from './plugins/tailwind';
+export * from './theme';

package/dist/main.d.ts

@@ -1,2 +1,3 @@
 import { AppService } from './app.service';
-export declare function main(): Promise<[AppService, () => Promise<void>]>;
+export declare function bootstrap(): AppService;
+export declare function bootstrapFromConfig(path?: string): AppService;

package/dist/material-color-utilities/index.d.ts

@@ -1,2 +1,3 @@
 export * from './contrastCurve';
+export * from './dynamic_color';
 export * from './toneDeltaPair';

package/dist/plugin/index.d.ts

@@ -0,0 +1,3 @@
+export * from './plugin.abstract';
+export * from './plugin.module';
+export * from './plugin.service';

package/dist/plugin/plugin.abstract.d.ts

@@ -0,0 +1,7 @@
+import { AppService } from '../app.service';
+import { PluginConstructor } from './plugin.service';
+export declare abstract class PluginAbstract {
+    static dependencies: PluginConstructor[];
+    protected abstract appService: AppService;
+    protected abstract options: object;
+}

package/dist/plugin/plugin.module.d.ts

@@ -0,0 +1,2 @@
+import { Module } from '../app.container';
+export declare const PluginModule: Module;

package/dist/plugin/plugin.service.d.ts

@@ -0,0 +1,12 @@
+import { PluginAbstract } from './plugin.abstract';
+import { AppService } from '../app.service';
+export type PluginConstructor = (new (appService: AppService, options: any) => PluginAbstract) & {
+    dependencies: PluginConstructor[];
+};
+export declare class PluginService {
+    private pluginInstances;
+    private pluginConstructors;
+    addPlugin(plugin: PluginConstructor, config: object): void;
+    loadPlugins(appService: AppService): void;
+    getPlugin<T extends PluginAbstract>(plugin: new (appService: AppService, options: any) => T): T;
+}

package/dist/plugins/font/font.plugin.d.ts

@@ -0,0 +1,38 @@
+import { PluginAbstract } from '../../plugin';
+import { AppService } from '../../app.service';
+export declare enum FontFamily {
+    Expressive = "expressive",
+    Neutral = "neutral"
+}
+export type FontStyle = {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: number;
+    letterSpacing?: number;
+    fontFamily: FontFamily;
+};
+export type FontRole = 'display' | 'headline' | 'title' | 'label' | 'body';
+export type FontSize = 'large' | 'medium' | 'small';
+interface FontPluginOptions {
+    fontFamily?: {
+        expressive?: string[];
+        neutral?: string[];
+    };
+    fontStyles?: Partial<Record<FontRole, Record<FontSize, Partial<FontStyle>>>>;
+}
+export declare class FontPlugin extends PluginAbstract {
+    protected appService: AppService;
+    protected options: FontPluginOptions;
+    private readonly fontFamily;
+    private readonly fontStyles;
+    constructor(appService: AppService, options: FontPluginOptions);
+    static config(options: FontPluginOptions): FontPluginOptions;
+    getFonts(): {
+        fontStyles: Record<FontRole, Record<FontSize, FontStyle>>;
+        fontFamily: {
+            expressive: string[];
+            neutral: string[];
+        };
+    };
+}
+export {};

package/dist/plugins/font/index.d.ts

@@ -0,0 +1 @@
+export * from './font.plugin';

package/dist/plugins/tailwind/index.d.ts

@@ -0,0 +1,3 @@
+export * from './main';
+export * from './plugins-tailwind';
+export * from './tailwind.plugin';

package/dist/plugins/tailwind/main.d.ts

@@ -0,0 +1,13 @@
+import { PluginsConfig } from 'tailwindcss/types/config';
+import { AppService } from '../../app.service';
+export type Theme = {
+    colors: Record<string, string>;
+    fontFamily: {
+        expressive: string[];
+        neutral: string[];
+    };
+    plugins: Partial<PluginsConfig>;
+};
+export declare const createTheme: () => Theme & {
+    appService: AppService;
+};

package/dist/plugins/tailwind/plugins-tailwind/font.d.ts

@@ -0,0 +1,5 @@
+import { FontRole, FontSize, FontStyle } from '../../font/font.plugin';
+export declare const font: (fontStyles: Record<FontRole, Record<FontSize, FontStyle>>, responsiveBreakPoints: Record<string, number>) => {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config>;
+};

package/dist/plugins/tailwind/plugins-tailwind/index.d.ts

@@ -0,0 +1,2 @@
+export * from './state';
+export * from './themer';

package/dist/plugins/tailwind/plugins-tailwind/state.d.ts

@@ -0,0 +1,4 @@
+export declare const state: (colorkeys: string[]) => {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config>;
+};

package/dist/plugins/tailwind/plugins-tailwind/themer.d.ts

@@ -0,0 +1,4 @@
+export declare const themer: (colors: Record<string, {
+    light: string;
+    dark: string;
+}>, darkMode: "class" | "media") => any;

package/dist/plugins/tailwind/tailwind.plugin.d.ts

@@ -0,0 +1,17 @@
+import { PluginAbstract } from '../../plugin/plugin.abstract';
+import { AppService } from '../../app.service';
+import { Theme } from './main';
+import { FontPlugin } from '../font/font.plugin';
+interface TailwindPluginOptions {
+    darkMode?: 'class' | 'media';
+    responsiveBreakPoints?: Record<string, number>;
+}
+export declare class TailwindPlugin extends PluginAbstract {
+    protected appService: AppService;
+    protected options: TailwindPluginOptions;
+    static dependencies: (typeof FontPlugin)[];
+    constructor(appService: AppService, options: TailwindPluginOptions);
+    static config(options: TailwindPluginOptions): TailwindPluginOptions;
+    getTheme(): Theme;
+}
+export {};

package/dist/theme/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './scheme.entity';
+export * from './variant.entity';

package/dist/theme/entities/variant.entity.d.ts

@@ -2,5 +2,6 @@ import { Hct, TonalPalette } from '@material/material-color-utilities';
 export declare const getRotatedHue: (sourceColor: Hct, hues: number[], rotations: number[]) => number;
 export declare class VariantEntity {
     palettes: Record<string, (sourceColorHct: Hct) => TonalPalette>;
-    constructor(palettes?: Record<string, (sourceColorHct: Hct) => TonalPalette>);
+    customPalettes?: ((colorHct: Hct) => TonalPalette) | undefined;
+    constructor(palettes?: Record<string, (sourceColorHct: Hct) => TonalPalette>, customPalettes?: ((colorHct: Hct) => TonalPalette) | undefined);
 }

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './models';
+export * from './services';
+export * from './theme.module';

package/dist/theme/models/index.d.ts

@@ -0,0 +1 @@
+export * from './variant.model';

package/dist/theme/services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './scheme.service';
+export * from './theme.service';
+export * from './variant.service';

package/dist/theme/services/scheme.service.d.ts

@@ -1,8 +1,13 @@
 import { SchemeEntity, SchemeOptions } from '../entities/scheme.entity';
 import { Hct, TonalPalette } from '@material/material-color-utilities';
 export type SchemeServiceOptions = Omit<SchemeOptions, 'palettes' | 'sourceColorArgb'> & {
-    sourceColorHex: string;
-    palettes: Record<string, (sourceColorHct: Hct) => TonalPalette>;
+    sourcesColorHex: Record<string, string> & {
+        primary?: string;
+    };
+    palettes: Record<string, {
+        sourceColorkey?: string;
+        tonalPalette: (sourceColorHct: Hct) => TonalPalette;
+    }>;
 };
 export declare class SchemeService {
     private schemeEntity?;

package/dist/theme/services/theme.service.d.ts

@@ -1,13 +1,22 @@
 import { SchemeService, SchemeServiceOptions } from './scheme.service';
 import { VariantService } from './variant.service';
 import { VariantEntity } from '../entities/variant.entity';
-type ThemeOptions = Omit<SchemeServiceOptions, 'palettes'>;
+type ThemeOptions = Omit<SchemeServiceOptions, 'palettes' | 'sourcesColorHex'> & {
+    sourceColorHex: string;
+};
 export declare class ThemeService {
-    private schemeService;
-    private variantService;
-    constructor(schemeService: SchemeService, variantService: VariantService);
-    create(options: ThemeOptions): void;
-    addVariant(variant: VariantEntity): void;
-    update(options: Partial<ThemeOptions>): void;
+    private readonly schemeService;
+    private readonly variantService;
+    constructor({ schemeService, variantService, }: {
+        schemeService: SchemeService;
+        variantService: VariantService;
+    });
+    create(options: ThemeOptions & {
+        variant: VariantEntity;
+    }): void;
+    update(options: Partial<ThemeOptions> & {
+        variant?: VariantEntity;
+    }): void;
+    addCustomPalette(key: string, colorHex: string): void;
 }
 export {};

package/dist/theme/services/variant.service.d.ts

@@ -1,7 +1,13 @@
 import { SchemeService } from './scheme.service';
 import { VariantEntity } from '../entities/variant.entity';
 export declare class VariantService {
-    private schemeService;
-    constructor(schemeService: SchemeService);
+    customPalettes: Record<string, string>;
+    private variantEntity?;
+    private readonly schemeService;
+    constructor({ schemeService }: {
+        schemeService: SchemeService;
+    });
+    addCustomPalette(key: string, colorHex: string): void;
     set(variantEntity: VariantEntity): void;
+    private update;
 }

package/dist/theme/theme.module.d.ts

@@ -1,2 +1,2 @@
-export declare class ThemeModule {
-}
+import { Module } from '../app.container';
+export declare const ThemeModule: Module;