@udixio/theme 1.0.0-beta.8 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) hide show
  1. package/.eslintrc.mjs +22 -0
  2. package/CHANGELOG.md +174 -0
  3. package/README.md +6 -68
  4. package/dist/API.d.ts +14 -0
  5. package/dist/API.d.ts.map +1 -0
  6. package/dist/LICENSE +202 -0
  7. package/dist/adapter/adapter.abstract.d.ts +10 -0
  8. package/dist/adapter/adapter.abstract.d.ts.map +1 -0
  9. package/dist/adapter/config.interface.d.ts +14 -0
  10. package/dist/adapter/config.interface.d.ts.map +1 -0
  11. package/dist/adapter/define-config.d.ts +3 -0
  12. package/dist/adapter/define-config.d.ts.map +1 -0
  13. package/dist/adapter/file-adapter.mixin.d.ts +18 -0
  14. package/dist/adapter/file-adapter.mixin.d.ts.map +1 -0
  15. package/dist/adapter/index.d.ts +4 -0
  16. package/dist/adapter/index.d.ts.map +1 -0
  17. package/dist/adapters/index.d.ts +3 -0
  18. package/dist/adapters/index.d.ts.map +1 -0
  19. package/dist/adapters/node.adapter.d.ts +7 -0
  20. package/dist/adapters/node.adapter.d.ts.map +1 -0
  21. package/dist/adapters/vite.adapter.d.ts +3 -0
  22. package/dist/adapters/vite.adapter.d.ts.map +1 -0
  23. package/dist/app.container.d.ts +5 -5
  24. package/dist/app.container.d.ts.map +1 -0
  25. package/dist/app.module.d.ts +1 -0
  26. package/dist/app.module.d.ts.map +1 -0
  27. package/dist/bootstrap.d.ts +3 -0
  28. package/dist/bootstrap.d.ts.map +1 -0
  29. package/dist/color/color.api.d.ts +39 -0
  30. package/dist/color/color.api.d.ts.map +1 -0
  31. package/dist/color/color.manager.d.ts +24 -0
  32. package/dist/color/color.manager.d.ts.map +1 -0
  33. package/dist/color/color.module.d.ts +1 -0
  34. package/dist/color/color.module.d.ts.map +1 -0
  35. package/dist/color/color.utils.d.ts +8 -0
  36. package/dist/color/color.utils.d.ts.map +1 -0
  37. package/dist/color/configurable-color.d.ts +31 -0
  38. package/dist/color/configurable-color.d.ts.map +1 -0
  39. package/dist/color/default-color.d.ts +3 -0
  40. package/dist/color/default-color.d.ts.map +1 -0
  41. package/dist/color/index.d.ts +5 -4
  42. package/dist/color/index.d.ts.map +1 -0
  43. package/dist/index.cjs +3215 -0
  44. package/dist/index.d.ts +7 -4
  45. package/dist/index.d.ts.map +1 -0
  46. package/dist/index.js +3175 -7
  47. package/dist/material-color-utilities/contrastCurve.d.ts +1 -0
  48. package/dist/material-color-utilities/contrastCurve.d.ts.map +1 -0
  49. package/dist/material-color-utilities/dynamic_color.d.ts +89 -76
  50. package/dist/material-color-utilities/dynamic_color.d.ts.map +1 -0
  51. package/dist/material-color-utilities/hct_solver.d.ts +131 -0
  52. package/dist/material-color-utilities/hct_solver.d.ts.map +1 -0
  53. package/dist/material-color-utilities/htc.d.ts +77 -0
  54. package/dist/material-color-utilities/htc.d.ts.map +1 -0
  55. package/dist/material-color-utilities/index.d.ts +1 -0
  56. package/dist/material-color-utilities/index.d.ts.map +1 -0
  57. package/dist/material-color-utilities/toneDeltaPair.d.ts +19 -25
  58. package/dist/material-color-utilities/toneDeltaPair.d.ts.map +1 -0
  59. package/dist/plugin/index.d.ts +4 -0
  60. package/dist/plugin/index.d.ts.map +1 -0
  61. package/dist/plugin/plugin.abstract.d.ts +19 -5
  62. package/dist/plugin/plugin.abstract.d.ts.map +1 -0
  63. package/dist/plugin/plugin.api.d.ts +10 -0
  64. package/dist/plugin/plugin.api.d.ts.map +1 -0
  65. package/dist/plugin/plugin.module.d.ts +1 -0
  66. package/dist/plugin/plugin.module.d.ts.map +1 -0
  67. package/dist/plugins/font/font.plugin.d.ts +50 -0
  68. package/dist/plugins/font/font.plugin.d.ts.map +1 -0
  69. package/dist/plugins/font/index.d.ts +2 -0
  70. package/dist/plugins/font/index.d.ts.map +1 -0
  71. package/dist/plugins/index.d.ts +2 -0
  72. package/dist/plugins/index.d.ts.map +1 -0
  73. package/dist/theme/index.d.ts +7 -3
  74. package/dist/theme/index.d.ts.map +1 -0
  75. package/dist/theme/scheme.d.ts +20 -0
  76. package/dist/theme/scheme.d.ts.map +1 -0
  77. package/dist/theme/scheme.manager.d.ts +31 -0
  78. package/dist/theme/scheme.manager.d.ts.map +1 -0
  79. package/dist/theme/theme.api.d.ts +23 -0
  80. package/dist/theme/theme.api.d.ts.map +1 -0
  81. package/dist/theme/theme.module.d.ts +1 -0
  82. package/dist/theme/theme.module.d.ts.map +1 -0
  83. package/dist/theme/variant.d.ts +36 -0
  84. package/dist/theme/variant.d.ts.map +1 -0
  85. package/dist/theme/variant.manager.d.ts +14 -0
  86. package/dist/theme/variant.manager.d.ts.map +1 -0
  87. package/dist/theme/variants/expressive.variant.d.ts +3 -0
  88. package/dist/theme/variants/expressive.variant.d.ts.map +1 -0
  89. package/dist/theme/variants/index.d.ts +11 -0
  90. package/dist/theme/variants/index.d.ts.map +1 -0
  91. package/dist/theme/variants/neutral.variant.d.ts +3 -0
  92. package/dist/theme/variants/neutral.variant.d.ts.map +1 -0
  93. package/dist/theme/variants/tonal-spot.variant.d.ts +3 -0
  94. package/dist/theme/variants/tonal-spot.variant.d.ts.map +1 -0
  95. package/dist/theme/variants/vibrant.variant.d.ts +3 -0
  96. package/dist/theme/variants/vibrant.variant.d.ts.map +1 -0
  97. package/package.json +24 -86
  98. package/src/API.ts +23 -0
  99. package/src/adapter/adapter.abstract.ts +64 -0
  100. package/src/adapter/config.interface.ts +14 -0
  101. package/src/adapter/define-config.ts +11 -0
  102. package/src/adapter/file-adapter.mixin.ts +72 -0
  103. package/src/adapter/index.ts +3 -0
  104. package/src/adapters/index.ts +2 -0
  105. package/src/adapters/node.adapter.ts +49 -0
  106. package/src/adapters/vite.adapter.ts +79 -0
  107. package/src/app.container.ts +12 -36
  108. package/src/app.module.ts +2 -2
  109. package/src/bootstrap.ts +6 -0
  110. package/src/color/color.api.ts +75 -0
  111. package/src/color/color.manager.ts +213 -0
  112. package/src/color/color.module.ts +4 -4
  113. package/src/color/color.utils.ts +126 -0
  114. package/src/color/configurable-color.ts +67 -0
  115. package/src/color/default-color.ts +832 -0
  116. package/src/color/index.ts +4 -4
  117. package/src/index.test.ts +5 -0
  118. package/src/index.ts +6 -4
  119. package/src/material-color-utilities/dynamic_color.ts +286 -222
  120. package/src/material-color-utilities/hct_solver.ts +536 -0
  121. package/src/material-color-utilities/htc.ts +198 -0
  122. package/src/material-color-utilities/toneDeltaPair.ts +29 -11
  123. package/src/plugin/index.ts +3 -0
  124. package/src/plugin/plugin.abstract.ts +45 -4
  125. package/src/plugin/plugin.api.ts +51 -0
  126. package/src/plugin/plugin.module.ts +2 -2
  127. package/src/plugins/font/font.plugin.ts +203 -0
  128. package/src/plugins/font/index.ts +1 -0
  129. package/src/plugins/index.ts +1 -0
  130. package/src/theme/index.ts +6 -3
  131. package/src/theme/{services/scheme.service.ts → scheme.manager.ts} +39 -19
  132. package/src/theme/{entities/scheme.entity.ts → scheme.ts} +20 -4
  133. package/src/theme/{services/theme.service.ts → theme.api.ts} +23 -19
  134. package/src/theme/theme.module.ts +6 -4
  135. package/src/theme/variant.manager.ts +58 -0
  136. package/src/theme/variant.ts +53 -0
  137. package/src/theme/variants/expressive.variant.ts +81 -0
  138. package/src/theme/variants/index.ts +16 -0
  139. package/src/theme/variants/neutral.variant.ts +45 -0
  140. package/src/theme/variants/tonal-spot.variant.ts +35 -0
  141. package/src/theme/variants/vibrant.variant.ts +72 -0
  142. package/tsconfig.json +13 -0
  143. package/tsconfig.lib.json +33 -0
  144. package/tsconfig.spec.json +36 -0
  145. package/vite.config.ts +54 -0
  146. package/LICENSE +0 -21
  147. package/dist/app.service.d.ts +0 -13
  148. package/dist/color/color.interface.d.ts +0 -8
  149. package/dist/color/entities/color.entity.d.ts +0 -42
  150. package/dist/color/entities/index.d.ts +0 -1
  151. package/dist/color/models/default-color.model.d.ts +0 -3
  152. package/dist/color/models/index.d.ts +0 -1
  153. package/dist/color/services/color-manager.service.d.ts +0 -18
  154. package/dist/color/services/color.service.d.ts +0 -21
  155. package/dist/color/services/index.d.ts +0 -2
  156. package/dist/config/config.interface.d.ts +0 -14
  157. package/dist/config/config.module.d.ts +0 -2
  158. package/dist/config/config.service.d.ts +0 -12
  159. package/dist/config/index.d.ts +0 -2
  160. package/dist/main.d.ts +0 -3
  161. package/dist/plugin/plugin.service.d.ts +0 -9
  162. package/dist/theme/entities/index.d.ts +0 -2
  163. package/dist/theme/entities/scheme.entity.d.ts +0 -15
  164. package/dist/theme/entities/variant.entity.d.ts +0 -7
  165. package/dist/theme/models/index.d.ts +0 -1
  166. package/dist/theme/models/variant.model.d.ts +0 -8
  167. package/dist/theme/services/index.d.ts +0 -3
  168. package/dist/theme/services/scheme.service.d.ts +0 -17
  169. package/dist/theme/services/theme.service.d.ts +0 -22
  170. package/dist/theme/services/variant.service.d.ts +0 -13
  171. package/dist/theme.cjs.development.js +0 -1975
  172. package/dist/theme.cjs.development.js.map +0 -1
  173. package/dist/theme.cjs.production.min.js +0 -2
  174. package/dist/theme.cjs.production.min.js.map +0 -1
  175. package/dist/theme.esm.js +0 -1947
  176. package/dist/theme.esm.js.map +0 -1
  177. package/src/app.service.spec.ts +0 -15
  178. package/src/app.service.ts +0 -23
  179. package/src/color/color.interface.ts +0 -13
  180. package/src/color/entities/color.entity.ts +0 -71
  181. package/src/color/entities/index.ts +0 -1
  182. package/src/color/models/default-color.model.ts +0 -300
  183. package/src/color/models/index.ts +0 -1
  184. package/src/color/services/color-manager.service.ts +0 -191
  185. package/src/color/services/color.service.spec.ts +0 -28
  186. package/src/color/services/color.service.ts +0 -75
  187. package/src/color/services/index.ts +0 -2
  188. package/src/config/config.interface.ts +0 -15
  189. package/src/config/config.module.ts +0 -7
  190. package/src/config/config.service.ts +0 -68
  191. package/src/config/index.ts +0 -2
  192. package/src/main.ts +0 -14
  193. package/src/plugin/plugin.service.ts +0 -26
  194. package/src/theme/entities/index.ts +0 -2
  195. package/src/theme/entities/variant.entity.ts +0 -39
  196. package/src/theme/models/index.ts +0 -1
  197. package/src/theme/models/variant.model.ts +0 -63
  198. package/src/theme/services/index.ts +0 -3
  199. package/src/theme/services/variant.service.ts +0 -52
@@ -1,8 +0,0 @@
1
- import { ColorEntity, ColorOptions } from './entities/color.entity';
2
- export interface ColorInterface {
3
- addColor(key: string, color: ColorOptions): ColorEntity;
4
- removeColor(key: string): boolean;
5
- getColor(key: string): ColorEntity;
6
- updateColor(key: string, newColor: ColorOptions): ColorEntity;
7
- getColors(): ReadonlyMap<string, ColorEntity>;
8
- }
@@ -1,42 +0,0 @@
1
- import { TonalPalette } from '@material/material-color-utilities';
2
- import { SchemeEntity } from '../../theme/entities/scheme.entity';
3
- import { DynamicColor } from '../../material-color-utilities/dynamic_color';
4
- import { ContrastCurve } from '../../material-color-utilities';
5
- import { SchemeService } from '../../theme/services/scheme.service';
6
- import { ColorManagerService } from '../services/color-manager.service';
7
- export interface ColorOptions {
8
- palette: (scheme: SchemeEntity) => TonalPalette;
9
- tone: (scheme: SchemeEntity) => number;
10
- isBackground?: boolean;
11
- background?: (scheme: SchemeEntity) => DynamicColor;
12
- secondBackground?: (scheme: SchemeEntity) => DynamicColor;
13
- contrastCurve?: ContrastCurve;
14
- toneDeltaPair?: (scheme: SchemeEntity) => {
15
- roleA: DynamicColor;
16
- readonly roleB: DynamicColor;
17
- readonly delta: number;
18
- readonly polarity: 'darker' | 'lighter' | 'nearer' | 'farther';
19
- readonly stayTogether: boolean;
20
- };
21
- }
22
- export declare class ColorEntity {
23
- private option;
24
- private schemeService;
25
- private colorService;
26
- private dynamicColor;
27
- constructor(option: ColorOptions & {
28
- name: string;
29
- }, schemeService: SchemeService, colorService: ColorManagerService);
30
- update(args: Partial<ColorOptions & {
31
- name: string;
32
- }>): void;
33
- getHex(): string;
34
- getArgb(): number;
35
- getRgb(): {
36
- r: number;
37
- g: number;
38
- b: number;
39
- };
40
- getName(): string;
41
- getDynamicColor(): DynamicColor;
42
- }
@@ -1 +0,0 @@
1
- export * from './color.entity';
@@ -1,3 +0,0 @@
1
- import { AddColorsOptions } from '../services/color.service';
2
- 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';
3
- export declare const defaultColors: AddColorsOptions;
@@ -1 +0,0 @@
1
- export * from './default-color.model';
@@ -1,18 +0,0 @@
1
- import { DynamicColor } from '../../material-color-utilities/dynamic_color';
2
- import { SchemeEntity } from '../../theme/entities/scheme.entity';
3
- import { ColorEntity, ColorOptions } from '../entities/color.entity';
4
- import { SchemeService } from '../../theme/services/scheme.service';
5
- import { ColorService } from './color.service';
6
- export declare const highestSurface: (s: SchemeEntity, colorService: ColorManagerService | ColorService) => DynamicColor;
7
- export declare class ColorManagerService {
8
- private colorMap;
9
- private readonly schemeService;
10
- constructor({ schemeService }: {
11
- schemeService: SchemeService;
12
- });
13
- createOrUpdate(key: string, args: Partial<ColorOptions>): ColorEntity;
14
- remove(key: string): boolean;
15
- get(key: string): ColorEntity;
16
- getAll(): ReadonlyMap<string, ColorEntity>;
17
- addFromPalette(key: string): void;
18
- }
@@ -1,21 +0,0 @@
1
- import { ColorManagerService } from './color-manager.service';
2
- import { ColorInterface } from '../color.interface';
3
- import { ColorEntity, ColorOptions } from '../entities';
4
- type AddColors = {
5
- colors?: Record<string, Partial<ColorOptions>>;
6
- fromPalettes?: string[] | string;
7
- };
8
- export type AddColorsOptions = AddColors | ((colorService: ColorService) => AddColors);
9
- export declare class ColorService implements ColorInterface {
10
- private readonly colorManagerService;
11
- constructor({ colorManagerService, }: {
12
- colorManagerService: ColorManagerService;
13
- });
14
- getColors(): ReadonlyMap<string, ColorEntity>;
15
- addColor(key: string, color: Partial<ColorOptions>): ColorEntity;
16
- addColors(args: AddColorsOptions | AddColorsOptions[]): void;
17
- getColor(key: string): ColorEntity;
18
- removeColor(key: string): boolean;
19
- updateColor(key: string, newColor: Partial<ColorOptions>): ColorEntity;
20
- }
21
- export {};
@@ -1,2 +0,0 @@
1
- export * from './color-manager.service';
2
- export * from './color.service';
@@ -1,14 +0,0 @@
1
- import { VariantEntity } from '../theme';
2
- import { AddColorsOptions } from '../color';
3
- import { PluginAbstract } from '../plugin/plugin.abstract';
4
- import { AppService } from '../app.service';
5
- export interface ConfigInterface {
6
- sourceColor: string;
7
- contrastLevel?: 0;
8
- isDark?: boolean;
9
- variant?: VariantEntity;
10
- colors?: AddColorsOptions | AddColorsOptions[];
11
- useDefaultColors?: boolean;
12
- palettes?: Record<string, string>;
13
- plugins?: (new (appService: AppService) => PluginAbstract)[];
14
- }
@@ -1,2 +0,0 @@
1
- import { Module } from '../app.container';
2
- export declare const ConfigModule: Module;
@@ -1,12 +0,0 @@
1
- import { ConfigInterface } from './config.interface';
2
- import { AppService } from '../app.service';
3
- export declare function defineConfig(configObject: ConfigInterface): ConfigInterface;
4
- export declare class ConfigService {
5
- configPath: string;
6
- private appService;
7
- constructor({ appService }: {
8
- appService: AppService;
9
- });
10
- loadConfig(): Promise<void>;
11
- private getConfig;
12
- }
@@ -1,2 +0,0 @@
1
- export * from './config.interface';
2
- export * from './config.service';
package/dist/main.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { AppService } from './app.service';
2
- export declare function bootstrap(): AppService;
3
- export declare function bootstrapFromConfig(path?: string): Promise<AppService>;
@@ -1,9 +0,0 @@
1
- import { PluginAbstract } from './plugin.abstract';
2
- import { AppService } from '../app.service';
3
- export declare class PluginService {
4
- private pluginInstances;
5
- private pluginConstructors;
6
- addPlugin(plugin: new (appService: AppService) => PluginAbstract): void;
7
- loadPlugins(appService: AppService): void;
8
- getPlugin<T extends PluginAbstract>(plugin: new (appService: AppService) => T): T | undefined;
9
- }
@@ -1,2 +0,0 @@
1
- export * from './scheme.entity';
2
- export * from './variant.entity';
@@ -1,15 +0,0 @@
1
- import { Hct, TonalPalette } from '@material/material-color-utilities';
2
- export interface SchemeOptions {
3
- sourceColorArgb: number;
4
- contrastLevel: number;
5
- isDark: boolean;
6
- palettes: Map<string, TonalPalette>;
7
- }
8
- export declare class SchemeEntity {
9
- private options;
10
- constructor(options: SchemeOptions);
11
- get contrastLevel(): number;
12
- get isDark(): boolean;
13
- get sourceColorHct(): Hct;
14
- getPalette(key: string): TonalPalette;
15
- }
@@ -1,7 +0,0 @@
1
- import { Hct, TonalPalette } from '@material/material-color-utilities';
2
- export declare const getRotatedHue: (sourceColor: Hct, hues: number[], rotations: number[]) => number;
3
- export declare class VariantEntity {
4
- palettes: Record<string, (sourceColorHct: Hct) => TonalPalette>;
5
- customPalettes?: ((colorHct: Hct) => TonalPalette) | undefined;
6
- constructor(palettes?: Record<string, (sourceColorHct: Hct) => TonalPalette>, customPalettes?: ((colorHct: Hct) => TonalPalette) | undefined);
7
- }
@@ -1 +0,0 @@
1
- export * from './variant.model';
@@ -1,8 +0,0 @@
1
- import { VariantEntity } from '../entities/variant.entity';
2
- export declare class VariantModel {
3
- static tonalSpot: VariantEntity;
4
- static vibrant: VariantEntity;
5
- private static readonly hues;
6
- private static readonly secondaryRotations;
7
- private static readonly tertiaryRotations;
8
- }
@@ -1,3 +0,0 @@
1
- export * from './scheme.service';
2
- export * from './theme.service';
3
- export * from './variant.service';
@@ -1,17 +0,0 @@
1
- import { SchemeEntity, SchemeOptions } from '../entities/scheme.entity';
2
- import { Hct, TonalPalette } from '@material/material-color-utilities';
3
- export type SchemeServiceOptions = Omit<SchemeOptions, 'palettes' | 'sourceColorArgb'> & {
4
- sourcesColorHex: Record<string, string> & {
5
- primary?: string;
6
- };
7
- palettes: Record<string, {
8
- sourceColorkey?: string;
9
- tonalPalette: (sourceColorHct: Hct) => TonalPalette;
10
- }>;
11
- };
12
- export declare class SchemeService {
13
- private schemeEntity?;
14
- private options?;
15
- createOrUpdate(options: Partial<SchemeServiceOptions>): void;
16
- get(): SchemeEntity;
17
- }
@@ -1,22 +0,0 @@
1
- import { SchemeService, SchemeServiceOptions } from './scheme.service';
2
- import { VariantService } from './variant.service';
3
- import { VariantEntity } from '../entities/variant.entity';
4
- type ThemeOptions = Omit<SchemeServiceOptions, 'palettes' | 'sourcesColorHex'> & {
5
- sourceColorHex: string;
6
- };
7
- export declare class ThemeService {
8
- private readonly schemeService;
9
- private readonly variantService;
10
- constructor({ schemeService, variantService, }: {
11
- schemeService: SchemeService;
12
- variantService: VariantService;
13
- });
14
- create(options: ThemeOptions & {
15
- variant: VariantEntity;
16
- }): void;
17
- update(options: Partial<ThemeOptions> & {
18
- variant?: VariantEntity;
19
- }): void;
20
- addCustomPalette(key: string, colorHex: string): void;
21
- }
22
- export {};
@@ -1,13 +0,0 @@
1
- import { SchemeService } from './scheme.service';
2
- import { VariantEntity } from '../entities/variant.entity';
3
- export declare class VariantService {
4
- customPalettes: Record<string, string>;
5
- private variantEntity?;
6
- private readonly schemeService;
7
- constructor({ schemeService }: {
8
- schemeService: SchemeService;
9
- });
10
- addCustomPalette(key: string, colorHex: string): void;
11
- set(variantEntity: VariantEntity): void;
12
- private update;
13
- }