@omnia/fx-models 8.0.456-dev → 8.0.458-dev

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 (23) hide show
  1. package/Layout.d.ts +1 -1
  2. package/internal-do-not-import-from-here/shared/aurora/stores/ColorManager.d.ts +9 -0
  3. package/internal-do-not-import-from-here/shared/aurora/stores/ColorSchemaStore.d.ts +46 -0
  4. package/internal-do-not-import-from-here/shared/aurora/stores/ComponentBlueprintStore.d.ts +54 -0
  5. package/internal-do-not-import-from-here/shared/aurora/stores/DefineThemeProvider.d.ts +4 -0
  6. package/internal-do-not-import-from-here/shared/aurora/stores/FontStore.d.ts +18 -0
  7. package/internal-do-not-import-from-here/shared/aurora/stores/SpacingBlueprintStore.d.ts +42 -0
  8. package/internal-do-not-import-from-here/shared/aurora/stores/TemplateRegistrationStore.d.ts +20 -0
  9. package/internal-do-not-import-from-here/shared/aurora/stores/ThemeContextStore.d.ts +16 -0
  10. package/internal-do-not-import-from-here/shared/aurora/stores/ThemeMigrations.d.ts +12 -0
  11. package/internal-do-not-import-from-here/shared/aurora/stores/ThemeNormalizer.d.ts +5 -0
  12. package/internal-do-not-import-from-here/shared/aurora/stores/ThemeProvider.d.ts +39 -0
  13. package/internal-do-not-import-from-here/shared/aurora/stores/ThemeSharedModels.d.ts +33 -0
  14. package/internal-do-not-import-from-here/shared/aurora/stores/ThemeStore.d.ts +91 -0
  15. package/internal-do-not-import-from-here/shared/aurora/stores/TypographyBlueprintManager.d.ts +22 -0
  16. package/internal-do-not-import-from-here/shared/aurora/stores/TypographyBlueprintStore.d.ts +34 -0
  17. package/internal-do-not-import-from-here/shared/aurora/stores/VariantManager.d.ts +7 -0
  18. package/internal-do-not-import-from-here/shared/aurora/stores/index.d.ts +15 -0
  19. package/internal-do-not-import-from-here/shared/aurora/styles/StyleFormatters.d.ts +4 -0
  20. package/internal-do-not-import-from-here/shared/aurora/styles/index.d.ts +1 -0
  21. package/internal-do-not-import-from-here/shared/models/theme/Blueprints.d.ts +20 -2
  22. package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts +4 -4
  23. package/package.json +1 -1
package/Layout.d.ts CHANGED
@@ -263,7 +263,7 @@ export interface HeaderItemSettings {
263
263
  titleSettings: BlockTitleSettings;
264
264
  anchorName?: string;
265
265
  scrollIntoViewDisabled: boolean;
266
- titleRenderer?: HeaderBlueprint;
266
+ titleRenderer?: HeaderBlueprint | BlueprintVariant;
267
267
  }
268
268
  export interface SpacingItemSettings {
269
269
  padding: Spacing;
@@ -0,0 +1,9 @@
1
+ import { ColorDefinition } from "internal/fx/shared/models";
2
+ export declare function useColorManager(): {
3
+ isWcagCompliant: (color1: string, color2: string, level: "AA" | "AAA") => boolean;
4
+ getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
5
+ isDarkColor: (color: any) => boolean;
6
+ addOpacityToColor: (color: any, opacity: any) => any;
7
+ isValidColor: (color: string) => boolean;
8
+ hasOpacity: (color: string) => boolean;
9
+ };
@@ -0,0 +1,46 @@
1
+ import { type StoreEvents, type StoreReturnDefineAction } from "internal/fx/shared";
2
+ import { ColorDefinition, ColorGradientValue, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorTypes, ColorValue, guid } from "internal/fx/shared/models";
3
+ import { useThemeStore } from "./ThemeStore";
4
+ export type ColorSchemaStoreType = {
5
+ state: {
6
+ base: ColorDefinition;
7
+ onBase: ColorDefinition;
8
+ name: string;
9
+ colorSchemaType: ColorSchemaTypes | ColorSchemaType;
10
+ id: guid;
11
+ };
12
+ events: StoreEvents<{
13
+ base: ColorDefinition;
14
+ onBase: ColorDefinition;
15
+ name: string;
16
+ colorSchemaType: ColorSchemaTypes | ColorSchemaType;
17
+ id: guid;
18
+ }>;
19
+ actions: StoreReturnDefineAction<{
20
+ setColorSchema(colorSchemaType: ColorSchemaTypes | ColorSchemaType, container?: boolean): void;
21
+ setCustomColorSchema(colorSchema: ColorSchema, container?: boolean): void;
22
+ setColor(colorDefinition: ColorDefinition, colorType: ColorTypes): void;
23
+ setThemeStore(themeStoreInstance: ReturnType<typeof useThemeStore>): void;
24
+ }>;
25
+ get: {
26
+ themeStore: ReturnType<typeof useThemeStore>;
27
+ colorValue(color: ColorValue | ColorGradientValue, colorSchema?: ColorSchema): string;
28
+ colorSchema: ColorSchema;
29
+ theme: "dark" | "light";
30
+ base: ColorDefinition;
31
+ onBase: ColorDefinition;
32
+ };
33
+ dispose(force?: boolean): void;
34
+ };
35
+ export type InternalColorSchemaStoreType = ColorSchemaStoreType & {
36
+ actions: {
37
+ disableAutoDispose(): void;
38
+ };
39
+ };
40
+ export declare const useColorSchemaStore: () => ColorSchemaStoreType & {
41
+ actions: {
42
+ disableAutoDispose(): void;
43
+ };
44
+ } & {
45
+ dispose?: () => void;
46
+ };
@@ -0,0 +1,54 @@
1
+ import { Blueprint, BlueprintsStrategyBase, BlueprintVariant, ButtonBlueprint, ButtonBlueprintVariant, ComponentBlueprints, ContainerFillValue, HeaderBlueprint, IconBlueprint, InputBlueprint, OIconSizes, TabsBlueprint, TextStyleDefinition, TypographyBlueprint, WebBlueprintItemDefintionType } from "internal/fx/shared/models";
2
+ type blueprintType = "default";
3
+ export declare const useComponentBlueprintStore: () => {
4
+ state: {
5
+ blueprints: ComponentBlueprints;
6
+ };
7
+ events: import("internal/fx/shared").StoreEvents<{
8
+ blueprints: ComponentBlueprints;
9
+ }, Record<string, import("internal/fx/shared").IMessageBusTopicPublishSubscriber<any>>>;
10
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
11
+ ensure(): {
12
+ buttons: () => void;
13
+ };
14
+ setBlueprint(type: blueprintType): void;
15
+ setBluePrints(componentBlueprints: ComponentBlueprints): void;
16
+ }>;
17
+ get: {
18
+ byType<TType extends Blueprint>(type: WebBlueprintItemDefintionType): any;
19
+ readonly blueprints: ComponentBlueprints;
20
+ fallbackBlueprints: {
21
+ get(): ComponentBlueprints;
22
+ byType(strategyType: BlueprintsStrategyBase): ComponentBlueprints;
23
+ };
24
+ button: {
25
+ iconBlueprintBySize(sizeType: OIconSizes): ButtonBlueprint;
26
+ blueprintByType(type: ButtonBlueprintVariant | ButtonBlueprint): any;
27
+ };
28
+ input: {
29
+ blueprintByType(type: BlueprintVariant | InputBlueprint): InputBlueprint;
30
+ };
31
+ tabs: {
32
+ blueprintByType(type: BlueprintVariant | TabsBlueprint): TabsBlueprint;
33
+ };
34
+ icon: {
35
+ blueprint(size: OIconSizes): IconBlueprint;
36
+ size: {
37
+ byBluePrint(blueprint: IconBlueprint, typographyBlueprint: TypographyBlueprint): TextStyleDefinition;
38
+ byIconSize(size: OIconSizes, typographyBlueprint: TypographyBlueprint): TextStyleDefinition;
39
+ };
40
+ };
41
+ containerFill: {
42
+ hasVariant(type: BlueprintVariant | string): boolean;
43
+ getByType(type: ContainerFillValue): any;
44
+ };
45
+ header: {
46
+ hasVariant(type: BlueprintVariant | string): boolean;
47
+ blueprintByType(type: BlueprintVariant | HeaderBlueprint): HeaderBlueprint;
48
+ };
49
+ };
50
+ deactivated(): void;
51
+ } & {
52
+ dispose?: () => void;
53
+ };
54
+ export {};
@@ -0,0 +1,4 @@
1
+ import { useThemeProviderStore } from "./ThemeProvider";
2
+ type SetupThemeProvider = Pick<ReturnType<typeof useThemeProviderStore>["actions"], "registerStore" | "registerDefaultTypographyBlueprints" | "registerDefaultSpacingBlueprints" | "registerDefaultLightColorSchema" | "registerDefaultDarkColorSchema" | "registerComponentBlueprintStrategy" | "defineCustomFontLoader">;
3
+ export declare function defineThemeProvider(setup: (ctx: SetupThemeProvider) => void): void;
4
+ export {};
@@ -0,0 +1,18 @@
1
+ import { Future, ITemplateRegistration, TypographyFontDefinition } from "internal/fx/shared/models";
2
+ export declare const useFontStore: () => {
3
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
4
+ ensureLoadFonts: () => Future<ITemplateRegistration<TypographyFontDefinition, import("internal/fx/shared").TemplateRegistrationType>[]>;
5
+ addFont(font: TypographyFontDefinition): void;
6
+ editFont(font: TypographyFontDefinition): void;
7
+ onFinishLoad(): Future<Record<string, ITemplateRegistration<any, import("internal/fx/shared").TemplateRegistrationType>>>;
8
+ saveFont(): Promise<boolean>;
9
+ delete(font: TypographyFontDefinition): Promise<void>;
10
+ }>;
11
+ get: {
12
+ readonly availableFonts: TypographyFontDefinition[];
13
+ findFont(family: string): ITemplateRegistration<TypographyFontDefinition, import("internal/fx/shared").TemplateRegistrationType>;
14
+ readonly finishLoad: boolean;
15
+ };
16
+ } & {
17
+ dispose?: () => void;
18
+ };
@@ -0,0 +1,42 @@
1
+ import { BlueprintVariant, guid } from "internal/fx/shared/models";
2
+ import { useThemeStore } from "./ThemeStore";
3
+ export declare const useSpacingBlueprintStore: () => {
4
+ state: {
5
+ blueprint: import("internal/fx/shared").SpacingBlueprint;
6
+ blueprintType: BlueprintVariant;
7
+ id: guid;
8
+ isCustomBlueprint: boolean;
9
+ };
10
+ events: import("internal/fx/shared").StoreEvents<{
11
+ blueprint: import("internal/fx/shared").SpacingBlueprint;
12
+ blueprintType: BlueprintVariant;
13
+ id: guid;
14
+ isCustomBlueprint: boolean;
15
+ }, Record<string, import("internal/fx/shared").IMessageBusTopicPublishSubscriber<any>>>;
16
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
17
+ setBlueprint(): void;
18
+ setThemeStore(themeStoreInstance: ReturnType<typeof useThemeStore>): void;
19
+ }>;
20
+ get: {
21
+ readonly defaultSpacingBlueprint: import("internal/fx/shared").SpacingBlueprint;
22
+ readonly themeStore: ReturnType<typeof useThemeStore>;
23
+ readonly blueprint: import("internal/fx/shared").SpacingBlueprint;
24
+ readonly spacingScaling: {
25
+ get: {
26
+ valueWithoutScale: (value: import("internal/fx/shared").SpacingValue) => string | number;
27
+ scaleFromValue: (value: import("internal/fx/shared").SpacingValue) => import("internal/fx/shared").SpacingScale;
28
+ scale: (value: import("internal/fx/shared").Spacing | import("internal/fx/shared").SpacingValue) => import("internal/fx/shared").SpacingScale;
29
+ };
30
+ add: {
31
+ scaleToValue: (value: import("internal/fx/shared").SpacingValue, scale: import("internal/fx/shared").SpacingScale) => string | number;
32
+ fallBackScale: (value: import("internal/fx/shared").SpacingValue, scale: import("internal/fx/shared").SpacingScale) => string | number;
33
+ };
34
+ has: {
35
+ scaling: (value: import("internal/fx/shared").SpacingValue) => boolean;
36
+ };
37
+ };
38
+ };
39
+ deactivated(): void;
40
+ } & {
41
+ dispose?: () => void;
42
+ };
@@ -0,0 +1,20 @@
1
+ import { guid, ITemplateRegistration, TemplateRegistrationType, Future } from "internal/fx/shared/models";
2
+ export declare const useTemplateRegistrationStore: () => {
3
+ state: {
4
+ registrations: Record<string, ITemplateRegistration<any, TemplateRegistrationType>>;
5
+ };
6
+ events: import("internal/fx/shared").StoreEvents<{
7
+ registrations: Record<string, ITemplateRegistration<any, TemplateRegistrationType>>;
8
+ }, Record<string, import("internal/fx/shared").IMessageBusTopicPublishSubscriber<any>>>;
9
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
10
+ upsertRegistration<TTemplateRegistration extends ITemplateRegistration<any>>(registration: TTemplateRegistration): Promise<boolean>;
11
+ deleteRegistration(registrationId: guid): Promise<boolean>;
12
+ ensureLoadTemplates: () => Future<Record<string, ITemplateRegistration<any, TemplateRegistrationType>>>;
13
+ }>;
14
+ get: {
15
+ byId: <TTemplateRegistration extends ITemplateRegistration<any>>(id: guid) => ITemplateRegistration<any, TemplateRegistrationType>;
16
+ getByType: <TTemplateRegistration extends ITemplateRegistration<any>>(type: TemplateRegistrationType) => Array<TTemplateRegistration>;
17
+ };
18
+ } & {
19
+ dispose?: () => void;
20
+ };
@@ -0,0 +1,16 @@
1
+ import { ThemeContextType } from "internal/fx/shared/models";
2
+ import { useThemeStore } from "./ThemeStore";
3
+ export declare const useThemeContextStore: () => {
4
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
5
+ saveTheme(variant: ThemeContextType): void;
6
+ }>;
7
+ get: {
8
+ readonly defaultTheme: ReturnType<typeof useThemeStore>;
9
+ readonly adminTheme: ReturnType<typeof useThemeStore>;
10
+ readonly previewTheme: ReturnType<typeof useThemeStore>;
11
+ readonly designerTheme: ReturnType<typeof useThemeStore>;
12
+ byType(type: ThemeContextType): ReturnType<typeof useThemeStore>;
13
+ };
14
+ } & {
15
+ dispose?: () => void;
16
+ };
@@ -0,0 +1,12 @@
1
+ import { SpacingBlueprint, TypographyBlueprint } from "internal/fx/shared/models";
2
+ export declare function ThemeMigrations(): {
3
+ spacing: {
4
+ migrate: (blueprint: SpacingBlueprint) => SpacingBlueprint;
5
+ };
6
+ typography: {
7
+ migrate: (blueprint: TypographyBlueprint) => TypographyBlueprint;
8
+ };
9
+ theme: {
10
+ migrate(themeDefinition: any): any;
11
+ };
12
+ };
@@ -0,0 +1,5 @@
1
+ import { ResolvedThemeDefinition, TypographyBlueprint } from "internal/fx/shared/models";
2
+ export declare function ThemeNormalizer(): {
3
+ normalizeTypography: (typography: TypographyBlueprint) => TypographyBlueprint;
4
+ normalize: (themeDefinition: ResolvedThemeDefinition) => ResolvedThemeDefinition;
5
+ };
@@ -0,0 +1,39 @@
1
+ import { ColorSchemas, guid, ResolvedThemeDefinition, SpacingBlueprint, TypographyBlueprint, TypographyFontDefinition } from "internal/fx/shared/models";
2
+ import { ThemeRegistrationStoreType, ThemeRegistration, ComponentBlueprintStrategyType } from "./ThemeSharedModels";
3
+ export declare const useThemeProviderStore: () => {
4
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
5
+ registerStore(store: () => ThemeRegistrationStoreType): void;
6
+ initiateStore(): void;
7
+ registerDefaultTypographyBlueprints(blueprints: TypographyBlueprint): void;
8
+ registerDefaultSpacingBlueprints(blueprints: SpacingBlueprint): void;
9
+ registerDefaultLightColorSchema(blueprints: ColorSchemas): void;
10
+ registerDefaultDarkColorSchema(blueprints: ColorSchemas): void;
11
+ registerComponentBlueprintStrategy(strategy: ComponentBlueprintStrategyType): void;
12
+ defineCustomFontLoader(loader: (font: TypographyFontDefinition) => void): void;
13
+ loadAll(): Promise<import("./ThemeSharedModels").ThemesResolved>;
14
+ save(theme: ThemeRegistration): Promise<any>;
15
+ delete(id: guid): Promise<any>;
16
+ setAdminTheme(theme: ResolvedThemeDefinition): void;
17
+ setDefaultTheme(theme: ResolvedThemeDefinition): void;
18
+ loadCustomFont(font: TypographyFontDefinition): void;
19
+ }>;
20
+ get: {
21
+ readonly adminTheme: ResolvedThemeDefinition;
22
+ readonly defaultTheme: ResolvedThemeDefinition;
23
+ readonly defaultTypographyBlueprints: TypographyBlueprint;
24
+ readonly defaultSpacingBlueprints: SpacingBlueprint;
25
+ readonly defaultLightColorSchema: ColorSchemas;
26
+ readonly defaultDarkColorSchema: ColorSchemas;
27
+ readonly componentBlueprintStrategy: ComponentBlueprintStrategyType;
28
+ };
29
+ readonly events: {
30
+ onMutatedAdminTheme: import("internal/fx/shared").MessageBusExposeOnlySubscription<ResolvedThemeDefinition>;
31
+ onMutatedDefaultTheme: import("internal/fx/shared").MessageBusExposeOnlySubscription<ResolvedThemeDefinition>;
32
+ };
33
+ validations: {
34
+ checkPlatformStoreRegistered(): void;
35
+ checkDefaultBlueprintsRegistered(type: "typography" | "spacing" | "light" | "dark" | "component"): void;
36
+ };
37
+ } & {
38
+ dispose?: () => void;
39
+ };
@@ -0,0 +1,33 @@
1
+ import { ColorSchema, ComponentBlueprints, guid, ITemplateRegistration, ResolvedThemeDefinition, SpacingBlueprint, TemplateRegistrationType, ThemeDefinition, TypographyBlueprint } from "internal/fx/shared/models";
2
+ import { StoreEvents, StoreReturnDefineAction } from "internal/fx/shared";
3
+ export type ThemeRegistration = ITemplateRegistration<ResolvedThemeDefinition, TemplateRegistrationType> | ITemplateRegistration<ColorSchema> | ITemplateRegistration<TypographyBlueprint> | ITemplateRegistration<ComponentBlueprints> | ITemplateRegistration<SpacingBlueprint>;
4
+ export type ThemesResolved = Array<ThemeDefinition | ColorSchema | TypographyBlueprint | SpacingBlueprint | ComponentBlueprints>;
5
+ export type ThemeRegistrationStoreType = {
6
+ state: {
7
+ adminTheme: ResolvedThemeDefinition;
8
+ defaultTheme: ResolvedThemeDefinition;
9
+ };
10
+ events: StoreEvents<{
11
+ adminTheme: ResolvedThemeDefinition;
12
+ defaultTheme: ResolvedThemeDefinition;
13
+ }>;
14
+ actions: StoreReturnDefineAction<{
15
+ loadAll(): Promise<ThemesResolved>;
16
+ save(theme: ThemeRegistration): Promise<any>;
17
+ delete(id: guid): Promise<any>;
18
+ }>;
19
+ get: {
20
+ readonly adminTheme: ResolvedThemeDefinition;
21
+ readonly defaultTheme: ResolvedThemeDefinition;
22
+ };
23
+ };
24
+ export type ComponentBlueprintStrategyType = {
25
+ roundness: {
26
+ readonly none: ComponentBlueprints;
27
+ readonly xs: ComponentBlueprints;
28
+ readonly s: ComponentBlueprints;
29
+ readonly m: ComponentBlueprints;
30
+ readonly l: ComponentBlueprints;
31
+ readonly full: ComponentBlueprints;
32
+ };
33
+ };
@@ -0,0 +1,91 @@
1
+ import { ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, BlueprintVariant, ResolvedThemeDefinition, guid, TextFillDefinitionValue, ContainerFillValue, ContainerFillBlueprint } from "internal/fx/shared/models";
2
+ import { type ColorSchemaStoreType } from "./ColorSchemaStore";
3
+ export declare const useThemeStore: () => {
4
+ id: guid;
5
+ state: {
6
+ currentTheme: ResolvedThemeDefinition;
7
+ };
8
+ events: import("internal/fx/shared").StoreEvents<{
9
+ currentTheme: ResolvedThemeDefinition;
10
+ }, Record<string, import("internal/fx/shared").IMessageBusTopicPublishSubscriber<any>>>;
11
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
12
+ setTheme(themeDefinition: ResolvedThemeDefinition): void;
13
+ }>;
14
+ get: {
15
+ getOrSetColorSchema(colorSchemaType: ColorSchemaTypes | ColorSchemaType): {
16
+ value: ColorSchemaStoreType;
17
+ setValue(value: ColorSchemaStoreType): void;
18
+ };
19
+ componentBlueprintStore(): {
20
+ state: {
21
+ blueprints: import("internal/fx/shared").ComponentBlueprints;
22
+ };
23
+ events: import("internal/fx/shared").StoreEvents<{
24
+ blueprints: import("internal/fx/shared").ComponentBlueprints;
25
+ }, Record<string, import("internal/fx/shared").IMessageBusTopicPublishSubscriber<any>>>;
26
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
27
+ ensure(): {
28
+ buttons: () => void;
29
+ };
30
+ setBlueprint(type: "default"): void;
31
+ setBluePrints(componentBlueprints: import("internal/fx/shared").ComponentBlueprints): void;
32
+ }>;
33
+ get: {
34
+ byType<TType extends import("internal/fx/shared").Blueprint>(type: import("internal/fx/shared").WebBlueprintItemDefintionType): any;
35
+ readonly blueprints: import("internal/fx/shared").ComponentBlueprints;
36
+ fallbackBlueprints: {
37
+ get(): import("internal/fx/shared").ComponentBlueprints;
38
+ byType(strategyType: import("internal/fx/shared").BlueprintsStrategyBase): import("internal/fx/shared").ComponentBlueprints;
39
+ };
40
+ button: {
41
+ iconBlueprintBySize(sizeType: import("internal/fx/shared").OIconSizes): import("internal/fx/shared").ButtonBlueprint;
42
+ blueprintByType(type: import("internal/fx/shared").ButtonBlueprintVariant | import("internal/fx/shared").ButtonBlueprint): any;
43
+ };
44
+ input: {
45
+ blueprintByType(type: BlueprintVariant | import("internal/fx/shared").InputBlueprint): import("internal/fx/shared").InputBlueprint;
46
+ };
47
+ tabs: {
48
+ blueprintByType(type: BlueprintVariant | import("internal/fx/shared").TabsBlueprint): import("internal/fx/shared").TabsBlueprint;
49
+ };
50
+ icon: {
51
+ blueprint(size: import("internal/fx/shared").OIconSizes): import("internal/fx/shared").IconBlueprint;
52
+ size: {
53
+ byBluePrint(blueprint: import("internal/fx/shared").IconBlueprint, typographyBlueprint: import("internal/fx/shared").TypographyBlueprint): import("internal/fx/shared").TextStyleDefinition;
54
+ byIconSize(size: import("internal/fx/shared").OIconSizes, typographyBlueprint: import("internal/fx/shared").TypographyBlueprint): import("internal/fx/shared").TextStyleDefinition;
55
+ };
56
+ };
57
+ containerFill: {
58
+ hasVariant(type: BlueprintVariant | string): boolean;
59
+ getByType(type: ContainerFillValue): any;
60
+ };
61
+ header: {
62
+ hasVariant(type: BlueprintVariant | string): boolean;
63
+ blueprintByType(type: BlueprintVariant | import("internal/fx/shared").HeaderBlueprint): import("internal/fx/shared").HeaderBlueprint;
64
+ };
65
+ };
66
+ deactivated(): void;
67
+ } & {
68
+ dispose?: () => void;
69
+ };
70
+ colorSchema(colorSchemaType: ColorSchemaTypes | ColorSchemaType | ColorSchema): ColorSchema;
71
+ typography(): import("internal/fx/shared").TypographyBlueprint;
72
+ fills(): {
73
+ text: {
74
+ hasVariant(type: BlueprintVariant | string): boolean;
75
+ byValue(value: TextFillDefinitionValue): TextFillDefinitionValue;
76
+ };
77
+ container: {
78
+ hasVariant(type: BlueprintVariant | string): boolean;
79
+ bluePrints(): import("internal/fx/shared").ContainerFillBlueprints;
80
+ byValue(value: ContainerFillValue): ContainerFillBlueprint;
81
+ };
82
+ };
83
+ spacing(): import("internal/fx/shared").SpacingBlueprint;
84
+ component(): import("internal/fx/shared").ComponentBlueprints;
85
+ color(colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType): string;
86
+ colorDefinition(colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType): import("internal/fx/shared").ColorDefinition;
87
+ currentTheme(): ResolvedThemeDefinition;
88
+ };
89
+ } & {
90
+ dispose?: () => void;
91
+ };
@@ -0,0 +1,22 @@
1
+ import { TextStyleDefinition, TypographyBlueprint } from "internal/fx/shared/models";
2
+ interface BreakpointScale {
3
+ lg: number;
4
+ md: number;
5
+ sm: number;
6
+ }
7
+ export declare function useTypographyBlueprintManager(): {
8
+ typeScale: {
9
+ getFontSize: (blueprint: TypographyBlueprint, scaleSlots: BreakpointScale) => void;
10
+ createTextStyleDefinition: (blueprint: TypographyBlueprint, scaleSlots: BreakpointScale) => TextStyleDefinition;
11
+ };
12
+ textStyledefinition: {
13
+ createAll(blueprint: TypographyBlueprint): TypographyBlueprint;
14
+ update(definition: TextStyleDefinition, blueprint: TypographyBlueprint): TextStyleDefinition;
15
+ strip(definition: TextStyleDefinition): TextStyleDefinition;
16
+ };
17
+ blueprint: {
18
+ initFromScale(blueprint: TypographyBlueprint): TypographyBlueprint;
19
+ strip(blueprint: TypographyBlueprint): TypographyBlueprint;
20
+ };
21
+ };
22
+ export {};
@@ -0,0 +1,34 @@
1
+ import { guid, TextStyleDefinition, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes, TypographyBlueprint, TypographyFontDefinition } from "internal/fx/shared/models";
2
+ import { useThemeStore } from "./ThemeStore";
3
+ export declare const useTypographyBlueprintStore: () => {
4
+ state: {
5
+ blueprint: TypographyBlueprint;
6
+ id: guid;
7
+ availableFonts: TypographyFontDefinition[];
8
+ isCustomBlueprint: boolean;
9
+ };
10
+ events: import("internal/fx/shared").StoreEvents<{
11
+ blueprint: TypographyBlueprint;
12
+ id: guid;
13
+ availableFonts: TypographyFontDefinition[];
14
+ isCustomBlueprint: boolean;
15
+ }, Record<string, import("internal/fx/shared").IMessageBusTopicPublishSubscriber<any>>>;
16
+ rules: {
17
+ isStyleActive: (textStyleType: TextStyleType, size: TextStyleSizes) => boolean;
18
+ };
19
+ actions: import("internal/fx/shared").StoreReturnDefineAction<{
20
+ normalize(blueprint: TypographyBlueprint): TypographyBlueprint;
21
+ setBlueprint(): void;
22
+ setThemeStore(themeStoreInstance: ReturnType<typeof useThemeStore>): void;
23
+ }>;
24
+ get: {
25
+ readonly defaultTypographyBlueprint: TypographyBlueprint;
26
+ textStyleName: (textStyle: TextStyleType, size: TextStyleSizes) => any;
27
+ readonly themeStore: ReturnType<typeof useThemeStore>;
28
+ readonly blueprint: TypographyBlueprint;
29
+ typography(typographyType: TextStyleTypes | TextStyleType, size: TextStyleSize | TextStyleSizes): TextStyleDefinition;
30
+ };
31
+ deactivated(): void;
32
+ } & {
33
+ dispose?: () => void;
34
+ };
@@ -0,0 +1,7 @@
1
+ export declare function useVariantManager<TVariants extends Record<string, any>, TVariant>(): {
2
+ countVariants: (variants: TVariants, variantTypes: Array<string>) => number;
3
+ getEmptyVariant: (variants: TVariants, variantTypes: Array<string>) => string;
4
+ hasEmptySlots: (variants: TVariants, variantTypes: Array<string>) => boolean;
5
+ hasVariant: (variants: TVariants, variant: string) => boolean;
6
+ getVariant: (variants: TVariants, variant: string) => any;
7
+ };
@@ -0,0 +1,15 @@
1
+ export * from "./ColorManager";
2
+ export * from "./ComponentBlueprintStore";
3
+ export * from "./FontStore";
4
+ export { useColorSchemaStore, type ColorSchemaStoreType } from "./ColorSchemaStore";
5
+ export * from "./SpacingBlueprintStore";
6
+ export * from "./TemplateRegistrationStore";
7
+ export * from "./ThemeContextStore";
8
+ export * from "./ThemeMigrations";
9
+ export * from "./ThemeNormalizer";
10
+ export * from "./DefineThemeProvider";
11
+ export * from "./ThemeSharedModels";
12
+ export * from "./ThemeStore";
13
+ export * from "./TypographyBlueprintManager";
14
+ export * from "./TypographyBlueprintStore";
15
+ export * from "./VariantManager";
@@ -0,0 +1,4 @@
1
+ export declare namespace StyleFormatters {
2
+ function formatPixelValue(value: any): string;
3
+ function formatMediaUrl(url: string): string;
4
+ }
@@ -0,0 +1 @@
1
+ export * from "./StyleFormatters";
@@ -3,6 +3,7 @@ import { SpacingDefinition, Spacing, SpacingValue } from "./Spacing";
3
3
  import { TypographyFontDefinition, TextStyleValue } from "./Typography";
4
4
  import { ThemeBase } from "./ThemeBase";
5
5
  import { VelcronRendererResolverReference } from "../velcron";
6
+ import { TextAlignment } from "@omnia/fx-models";
6
7
  export interface BlueprintStrategy {
7
8
  buttons: {
8
9
  primary: ButtonBlueprint;
@@ -30,11 +31,24 @@ export interface VariantBlueprints<T> extends Blueprints {
30
31
  variant7?: T;
31
32
  variant8?: T;
32
33
  }
34
+ export interface HeaderIconSettings {
35
+ blueprint?: IconBlueprint;
36
+ background?: BackgroundDefinition;
37
+ spacing?: Spacing;
38
+ }
33
39
  export interface HeaderBlueprint extends Blueprint {
34
- renderer?: VelcronRendererResolverReference | BlueprintVariant;
40
+ /**velcron */
41
+ renderer?: VelcronRendererResolverReference;
35
42
  state?: any;
43
+ /**Settings */
44
+ background?: BackgroundDefinition;
45
+ textAlign?: TextAlignment;
46
+ padding?: SpacingValue;
47
+ text?: TextBlueprint;
48
+ iconSettings?: HeaderIconSettings;
36
49
  }
37
- export interface HeaderBlueprints extends VariantBlueprints<HeaderBlueprint>, Blueprints, BlueprintsReference {
50
+ export interface HeaderBlueprints extends Blueprints, VariantBlueprints<HeaderBlueprint>, BlueprintsReference {
51
+ primary?: HeaderBlueprint;
38
52
  }
39
53
  export interface TextFillBlueprints extends VariantBlueprints<TextFillBlueprint>, Blueprints, BlueprintsReference {
40
54
  }
@@ -142,6 +156,7 @@ export interface TabsBlueprints extends Blueprints, VariantBlueprints<TabsBluepr
142
156
  export interface TabsBlueprint extends Blueprint {
143
157
  background?: BackgroundDefinition;
144
158
  padding?: Spacing;
159
+ iconPadding?: SpacingValue;
145
160
  margin?: Spacing;
146
161
  vertical?: boolean;
147
162
  hideSlider?: boolean;
@@ -154,13 +169,16 @@ export interface TabsBlueprint extends Blueprint {
154
169
  text?: TextBlueprint;
155
170
  icon?: IconBlueprint;
156
171
  active?: {
172
+ renderer?: VelcronRendererResolverReference;
157
173
  padding?: Spacing;
174
+ iconPadding?: SpacingValue;
158
175
  background?: BackgroundDefinition;
159
176
  text?: TextBlueprint;
160
177
  icon?: IconBlueprint;
161
178
  };
162
179
  inactive?: {
163
180
  background?: BackgroundDefinition;
181
+ renderer?: VelcronRendererResolverReference;
164
182
  };
165
183
  }
166
184
  export interface TextBlueprint extends Blueprint {
@@ -1,11 +1,11 @@
1
1
  import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, VelcronEditor, ContainerFillBlueprint, BackgroundDefinition, BlueprintVariant, IconBlueprint, ButtonBlueprint, VelcronOnPressOutsideEvent, VelcronOnPointerEnterEvent, VelcronOnPointerLeaveEvent, VelcronColorStyling, VelcronOverflowValues, VelcronImageRatios } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
2
2
  import { VelcronComponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
3
3
  import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
4
- import { DynamicState, VelcronDefinition, VelcronEffects, useVelcronThemingStore } from "..";
4
+ import { DynamicState, VelcronDefinition, VelcronEffects } from "..";
5
5
  import { guid, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
6
- import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
7
6
  import { Properties } from "csstype";
8
7
  import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
8
+ import { useColorSchemaStore, useThemeStore } from "internal/fx/ux/mobile";
9
9
  export interface ResolvedComponentRenderer {
10
10
  component: unknown;
11
11
  definition: VelcronDefinition;
@@ -83,8 +83,8 @@ export interface VelcronRenderContext {
83
83
  id?: string;
84
84
  rootContext: DynamicState;
85
85
  currentContext: DynamicState;
86
- theming?: ReturnType<typeof useVelcronThemingStore>;
87
- colors?: ReturnType<typeof useVelcronColorSchemaStore>;
86
+ theming?: ReturnType<typeof useThemeStore>;
87
+ colors?: ReturnType<typeof useColorSchemaStore>;
88
88
  actions?: {
89
89
  [name: string]: Array<string>;
90
90
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx-models",
3
3
  "license": "MIT",
4
- "version": "8.0.456-dev",
4
+ "version": "8.0.458-dev",
5
5
  "description": "Provide Omnia Fx Models Stuffs.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1"