@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.
- package/Layout.d.ts +1 -1
- package/internal-do-not-import-from-here/shared/aurora/stores/ColorManager.d.ts +9 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ColorSchemaStore.d.ts +46 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ComponentBlueprintStore.d.ts +54 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/DefineThemeProvider.d.ts +4 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/FontStore.d.ts +18 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/SpacingBlueprintStore.d.ts +42 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/TemplateRegistrationStore.d.ts +20 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ThemeContextStore.d.ts +16 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ThemeMigrations.d.ts +12 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ThemeNormalizer.d.ts +5 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ThemeProvider.d.ts +39 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ThemeSharedModels.d.ts +33 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/ThemeStore.d.ts +91 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/TypographyBlueprintManager.d.ts +22 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/TypographyBlueprintStore.d.ts +34 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/VariantManager.d.ts +7 -0
- package/internal-do-not-import-from-here/shared/aurora/stores/index.d.ts +15 -0
- package/internal-do-not-import-from-here/shared/aurora/styles/StyleFormatters.d.ts +4 -0
- package/internal-do-not-import-from-here/shared/aurora/styles/index.d.ts +1 -0
- package/internal-do-not-import-from-here/shared/models/theme/Blueprints.d.ts +20 -2
- package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts +4 -4
- 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 @@
|
|
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
|
-
|
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>,
|
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
|
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
|
87
|
-
colors?: ReturnType<typeof
|
86
|
+
theming?: ReturnType<typeof useThemeStore>;
|
87
|
+
colors?: ReturnType<typeof useColorSchemaStore>;
|
88
88
|
actions?: {
|
89
89
|
[name: string]: Array<string>;
|
90
90
|
};
|