@omnia/fx 8.0.403-dev → 8.0.404-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/internal-do-not-import-from-here/core/utils/Utils.d.ts +2 -1
- package/internal-do-not-import-from-here/stores/DefineStore.d.ts +1 -68
- package/internal-do-not-import-from-here/ux/admin/usermanagement/loc/localize.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/blades/SelectBreakpointBlade.d.ts +16 -0
- package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/store/TypographyEditorStore.d.ts +94 -61
- package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts +0 -1
- package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +6 -4
- package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyEditor.d.ts +4 -4
- package/internal-do-not-import-from-here/ux/aurora/components/typography/components/TypographyFillRenderer.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyEditorStore.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts +45 -0
- package/internal-do-not-import-from-here/ux/aurora/designkits/documentation/themes/BlueprintsTypography.d.ts +0 -108
- package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintManager.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts +43 -8
- package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts +4 -4
- package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorButton.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkButton.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/flow/editor/plugins/spacing/SpacingButton.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyButton.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/markdown/MarkdownEditor.d.ts +8 -8
- package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts +8 -8
- package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Delimiter.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/panel/store/PanelStore.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/properties/builtins/birthday/BirthdayEditor.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/properties/builtins/date/DateEditor.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/properties/builtins/date-time/DateTimeEditor.d.ts +1 -1
- package/package.json +2 -2
@@ -1,4 +1,4 @@
|
|
1
|
-
import { TimePeriodSettings, TenantRegionalSettings, IIcon } from "../../models";
|
1
|
+
import { TimePeriodSettings, TenantRegionalSettings, IIcon, FirstDayOfWeeks } from "../../models";
|
2
2
|
export declare namespace Utils {
|
3
3
|
function asyncForEach<T>(array: Array<T>, callback: (item: T, index?: number, items?: Array<T>) => Promise<void>): Promise<void>;
|
4
4
|
function isPromise(val: any): boolean;
|
@@ -126,6 +126,7 @@ export declare namespace Utils {
|
|
126
126
|
function getFileType(fileName: string): string;
|
127
127
|
function isImageFormatSupportForMediaPicker(fileName: string): boolean;
|
128
128
|
function formatDateTime(regionalSettings: TenantRegionalSettings, date?: Date | string): string;
|
129
|
+
function getVuetifyFirstDayOfWeek(value: FirstDayOfWeeks): 0 | 1;
|
129
130
|
function removeClaimPrefixFromLoginName(loginName: string): string;
|
130
131
|
/**
|
131
132
|
* Get profile url for online and other environment like sharepoint server
|
@@ -1,68 +1 @@
|
|
1
|
-
|
2
|
-
import { IMessageBusSubscriptionHandler, IMessageBusTopicPublishSubscriber, InstanceLifetimes } from "@omnia/fx-models";
|
3
|
-
type MutateFn<T> = (value: T | ((prev: T) => T)) => void;
|
4
|
-
export type StoreEvents<TState extends object, TEvents extends Record<string, IMessageBusTopicPublishSubscriber<any>> = {}> = {
|
5
|
-
[K in keyof TState as `onMutated${Capitalize<string & K>}`]: MessageBusExposeOnlySubscription<TState[K]>;
|
6
|
-
} & TEvents;
|
7
|
-
type MapActionOnDispatching<T extends Function> = T extends (...args: infer U) => any ? (...args: U) => void : never;
|
8
|
-
type MapActionOnDispatched<T extends Function> = T extends (...args: infer U) => Promise<infer Y> | infer Y ? (result: Y, ...args: U) => void : never;
|
9
|
-
type MapActionOnFailure<T extends Function> = T extends (...args: infer U) => any ? (failureReason: any, ...args: U) => void : never;
|
10
|
-
export type StoreReturnDefineAction<TAction extends {
|
11
|
-
[key: string]: any;
|
12
|
-
}> = {
|
13
|
-
onDispatching: {
|
14
|
-
[k in keyof TAction]: {
|
15
|
-
subscribe(fn: MapActionOnDispatching<TAction[k]>): IMessageBusSubscriptionHandler;
|
16
|
-
};
|
17
|
-
};
|
18
|
-
onDispatched: {
|
19
|
-
[k in keyof TAction]: {
|
20
|
-
subscribe(fn: MapActionOnDispatched<TAction[k]>): IMessageBusSubscriptionHandler;
|
21
|
-
};
|
22
|
-
};
|
23
|
-
onFailure: {
|
24
|
-
[k in keyof TAction]: {
|
25
|
-
subscribe(fn: MapActionOnFailure<TAction[k]>): IMessageBusSubscriptionHandler;
|
26
|
-
};
|
27
|
-
};
|
28
|
-
} & TAction;
|
29
|
-
export interface SetupStoreContext extends SetupFactoryContext {
|
30
|
-
defineState<TState extends object, TEvents extends Record<string, IMessageBusTopicPublishSubscriber<any>> = Record<string, IMessageBusTopicPublishSubscriber<any>>>(state: TState): {
|
31
|
-
state: TState;
|
32
|
-
events: StoreEvents<TState, TEvents>;
|
33
|
-
mutate: {
|
34
|
-
[K in keyof TState]: MutateFn<TState[K]>;
|
35
|
-
};
|
36
|
-
};
|
37
|
-
defineActions<TActions extends {
|
38
|
-
[key: string]: any;
|
39
|
-
}>(actions: TActions): StoreReturnDefineAction<TActions>;
|
40
|
-
}
|
41
|
-
export interface IReturnSetupStore<TState, TGetters, TActions extends {
|
42
|
-
[key: string]: Function;
|
43
|
-
}, TEvents> {
|
44
|
-
state?: TState;
|
45
|
-
get?: TGetters;
|
46
|
-
actions?: StoreReturnDefineAction<TActions>;
|
47
|
-
events?: TEvents;
|
48
|
-
name?: string;
|
49
|
-
}
|
50
|
-
export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
|
51
|
-
[key: string]: any;
|
52
|
-
}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>>(name: string, setup: (ctx: SetupStoreContext) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup>>;
|
53
|
-
export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
|
54
|
-
[key: string]: any;
|
55
|
-
}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1>(name: string, setup: (ctx: SetupStoreContext, param1: T1) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1>>;
|
56
|
-
export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
|
57
|
-
[key: string]: any;
|
58
|
-
}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2>>;
|
59
|
-
export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
|
60
|
-
[key: string]: any;
|
61
|
-
}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, lifetime?: InstanceLifetimes) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3>>;
|
62
|
-
export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
|
63
|
-
[key: string]: any;
|
64
|
-
}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, lifetime?: InstanceLifetimes) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4>>;
|
65
|
-
export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
|
66
|
-
[key: string]: any;
|
67
|
-
}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4, T5>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4, T5>>;
|
68
|
-
export {};
|
1
|
+
export { defineStore, type IReturnSetupStore, type SetupStoreContext, type StoreEvents, type StoreReturnDefineAction } from "@omnia/fx-models/internal-do-not-import-from-here/shared";
|
@@ -177,7 +177,7 @@ export declare namespace UserManagementLocalization {
|
|
177
177
|
General: string;
|
178
178
|
Authentication: string;
|
179
179
|
Onboarding: string;
|
180
|
-
|
180
|
+
UserProfileCompletion: string;
|
181
181
|
};
|
182
182
|
AuthenticationBlades: {
|
183
183
|
ExternalProviders: string;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
declare const _default: {
|
2
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
3
|
+
P: {};
|
4
|
+
B: {};
|
5
|
+
D: {};
|
6
|
+
C: {};
|
7
|
+
M: {};
|
8
|
+
Defaults: {};
|
9
|
+
}, Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
|
10
|
+
__isFragment?: never;
|
11
|
+
__isTeleport?: never;
|
12
|
+
__isSuspense?: never;
|
13
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
14
|
+
propsDefinition: Omit<Readonly<{} & {}>, never>;
|
15
|
+
};
|
16
|
+
export default _default;
|
@@ -1,85 +1,107 @@
|
|
1
|
-
import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon } from "@omnia/fx-models";
|
1
|
+
import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon, TypographyBreakpoint } from "@omnia/fx-models";
|
2
2
|
export interface BreakpointItem {
|
3
3
|
icon: FontAwesomeIcon;
|
4
4
|
title: string;
|
5
|
-
|
6
|
-
|
5
|
+
subTitle: string;
|
6
|
+
scale: TypographyBreakpoint;
|
7
7
|
}
|
8
|
+
type StyleVariant = "system-styles" | "custom-styles" | "type-scale";
|
8
9
|
export declare const useTypographyEditorStore: () => {
|
9
10
|
state: {
|
10
11
|
blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
|
11
12
|
availableFonts: ITemplateRegistration<IFontBlueprints>;
|
12
13
|
blueprint: TypographyBlueprint;
|
13
14
|
editMode: boolean;
|
14
|
-
|
15
|
-
styleEditVariant: "system-styles" | "custom-styles";
|
16
|
-
selectedTypography: {
|
15
|
+
editing: {
|
17
16
|
type: TextStyleType;
|
18
|
-
|
19
|
-
|
17
|
+
styleVariant: StyleVariant;
|
18
|
+
};
|
19
|
+
selected: {
|
20
|
+
typography: {
|
21
|
+
type: TextStyleType;
|
22
|
+
size: TextStyleSizes;
|
23
|
+
definition: TextStyleDefinition;
|
24
|
+
};
|
25
|
+
breakpoint: BreakpointItem;
|
20
26
|
};
|
21
|
-
selectedBreakpoint: BreakpointItem;
|
22
27
|
};
|
23
28
|
events: import("@omnia/fx/stores").StoreEvents<{
|
24
29
|
blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
|
25
30
|
availableFonts: ITemplateRegistration<IFontBlueprints>;
|
26
31
|
blueprint: TypographyBlueprint;
|
27
32
|
editMode: boolean;
|
28
|
-
|
29
|
-
styleEditVariant: "system-styles" | "custom-styles";
|
30
|
-
selectedTypography: {
|
33
|
+
editing: {
|
31
34
|
type: TextStyleType;
|
32
|
-
|
33
|
-
|
35
|
+
styleVariant: StyleVariant;
|
36
|
+
};
|
37
|
+
selected: {
|
38
|
+
typography: {
|
39
|
+
type: TextStyleType;
|
40
|
+
size: TextStyleSizes;
|
41
|
+
definition: TextStyleDefinition;
|
42
|
+
};
|
43
|
+
breakpoint: BreakpointItem;
|
34
44
|
};
|
35
|
-
selectedBreakpoint: BreakpointItem;
|
36
45
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
37
46
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
47
|
+
styles(): {
|
48
|
+
edit: (type: StyleVariant) => void;
|
49
|
+
};
|
50
|
+
typeScale(): {
|
51
|
+
update: {
|
52
|
+
scale(value: number): void;
|
53
|
+
baseFontSize(value: number): void;
|
54
|
+
lineHeightMultiplier(value: number): void;
|
55
|
+
};
|
56
|
+
ativateBreakpoint(value: boolean): void;
|
57
|
+
};
|
38
58
|
calculate(): {
|
39
59
|
editingDefinitionFromBaseStyles(): void;
|
40
60
|
baseScale(): void;
|
41
61
|
};
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
}
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
62
|
+
breakpoint(): {
|
63
|
+
setSelected(breakpoint: TypographyBreakpoint): void;
|
64
|
+
activate(value: boolean): void;
|
65
|
+
};
|
66
|
+
variants(): {
|
67
|
+
add(variantType: TextStyleType): BlueprintVariant;
|
68
|
+
delete(): void;
|
69
|
+
};
|
70
|
+
definition(): {
|
71
|
+
updateSelected(): void;
|
72
|
+
setSelected(type: TextStyleType, size: TextStyleSizes): void;
|
73
|
+
};
|
74
|
+
blueprints(): {
|
75
|
+
edit(blueprints: ITemplateRegistration<TypographyBlueprint>): void;
|
76
|
+
add(): void;
|
77
|
+
copy(blueprint: TypographyBlueprint): void;
|
78
|
+
};
|
79
|
+
font(): {
|
80
|
+
set: {
|
81
|
+
font(font: {
|
82
|
+
family: string;
|
83
|
+
cdn?: string;
|
84
|
+
manifestId?: guid;
|
85
|
+
}): void;
|
86
|
+
fontForTypoType(font: TypographyFontDefinition): void;
|
87
|
+
fontForTypoTypeSize(font: TypographyFontDefinition): void;
|
88
|
+
};
|
89
|
+
};
|
90
|
+
save(): {
|
91
|
+
registration(): Promise<boolean>;
|
92
|
+
tenantAvailableFont(): Promise<boolean>;
|
93
|
+
};
|
94
|
+
deleteRegistration(): Promise<boolean>;
|
59
95
|
}>;
|
60
96
|
get: {
|
61
|
-
|
62
|
-
|
63
|
-
scale:
|
97
|
+
typeScale: {
|
98
|
+
active: {
|
99
|
+
readonly scale: number;
|
100
|
+
readonly baseFontSize: number;
|
101
|
+
readonly lineHeight: number;
|
64
102
|
};
|
65
103
|
};
|
66
|
-
definitionType: () => import("@omnia/fx-models").VariantBlueprints<
|
67
|
-
baseFontSize?: import("@omnia/fx-models").BaseScaleBreakpoint;
|
68
|
-
scale?: import("@omnia/fx-models").BaseScaleBreakpoint;
|
69
|
-
lineHeightMultiplier?: import("@omnia/fx-models").BaseScaleBreakpoint;
|
70
|
-
styles: {
|
71
|
-
s1: TextStyleDefinition;
|
72
|
-
s2: TextStyleDefinition;
|
73
|
-
s3: TextStyleDefinition;
|
74
|
-
s4: TextStyleDefinition;
|
75
|
-
s5: TextStyleDefinition;
|
76
|
-
s6: TextStyleDefinition;
|
77
|
-
s7: TextStyleDefinition;
|
78
|
-
s8: TextStyleDefinition;
|
79
|
-
s9: TextStyleDefinition;
|
80
|
-
s10: TextStyleDefinition;
|
81
|
-
};
|
82
|
-
} | import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
|
104
|
+
definitionType: () => import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
|
83
105
|
xl: TextStyleDefinition;
|
84
106
|
l: TextStyleDefinition;
|
85
107
|
m: TextStyleDefinition;
|
@@ -87,25 +109,32 @@ export declare const useTypographyEditorStore: () => {
|
|
87
109
|
xs: TextStyleDefinition;
|
88
110
|
font?: TypographyFontRef;
|
89
111
|
} | {
|
90
|
-
xl
|
112
|
+
xl: TextStyleDefinition;
|
91
113
|
l: TextStyleDefinition;
|
92
114
|
m: TextStyleDefinition;
|
93
115
|
s: TextStyleDefinition;
|
94
116
|
xs: TextStyleDefinition;
|
95
117
|
font?: TypographyFontRef;
|
96
118
|
} | {
|
97
|
-
xl
|
98
|
-
l
|
119
|
+
xl: TextStyleDefinition;
|
120
|
+
l: TextStyleDefinition;
|
99
121
|
m: TextStyleDefinition;
|
100
|
-
s
|
101
|
-
xs
|
122
|
+
s: TextStyleDefinition;
|
123
|
+
xs: TextStyleDefinition;
|
102
124
|
font?: TypographyFontRef;
|
103
125
|
} | {
|
104
126
|
xl?: TextStyleDefinition;
|
105
|
-
l
|
127
|
+
l: TextStyleDefinition;
|
128
|
+
m: TextStyleDefinition;
|
129
|
+
s: TextStyleDefinition;
|
130
|
+
xs: TextStyleDefinition;
|
131
|
+
font?: TypographyFontRef;
|
132
|
+
} | {
|
133
|
+
xl: TextStyleDefinition;
|
134
|
+
l: TextStyleDefinition;
|
106
135
|
m: TextStyleDefinition;
|
107
|
-
s
|
108
|
-
xs
|
136
|
+
s: TextStyleDefinition;
|
137
|
+
xs: TextStyleDefinition;
|
109
138
|
font?: TypographyFontRef;
|
110
139
|
};
|
111
140
|
selectedTypoSizeFont: () => string;
|
@@ -117,10 +146,13 @@ export declare const useTypographyEditorStore: () => {
|
|
117
146
|
editStylesBlade: guid;
|
118
147
|
editScaleBlade: guid;
|
119
148
|
settingsBlade: guid;
|
149
|
+
breakpointBlade: guid;
|
120
150
|
};
|
121
151
|
rules: {
|
122
152
|
breakpoint: {
|
123
|
-
isActive: (size:
|
153
|
+
isActive: (size: TypographyBreakpoint) => boolean;
|
154
|
+
readonly showEnableDisable: boolean;
|
155
|
+
readonly isEnabled: boolean;
|
124
156
|
};
|
125
157
|
};
|
126
158
|
dataTypes: {
|
@@ -129,3 +161,4 @@ export declare const useTypographyEditorStore: () => {
|
|
129
161
|
} & {
|
130
162
|
dispose?: () => void;
|
131
163
|
};
|
164
|
+
export {};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { BlueprintVariant, ThemeContextType, TypographyBlueprint, TextStyleSizes, TextStyleType } from "@omnia/fx-models";
|
1
|
+
import { BlueprintVariant, ThemeContextType, TypographyBlueprint, TextStyleSizes, TextStyleType, TypographyBreakpoint } from "@omnia/fx-models";
|
2
2
|
import { DefineEmit } from "@omnia/fx/ux";
|
3
|
+
import { ViewTypes } from "./store/TypographyViewerStore";
|
3
4
|
type Variant = "list" | "picker";
|
4
|
-
type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
|
5
5
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
6
6
|
blueprint?: TypographyBlueprint;
|
7
7
|
} & {
|
@@ -12,18 +12,20 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
12
12
|
variant?: Variant;
|
13
13
|
} & {
|
14
14
|
viewtype?: ViewTypes;
|
15
|
+
} & {
|
16
|
+
breakpoint?: TypographyBreakpoint;
|
15
17
|
} & {
|
16
18
|
editable?: boolean;
|
17
19
|
} & {
|
18
20
|
themeType?: ThemeContextType;
|
19
21
|
} & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true> & DefineEmit<"click:addFill", () => true>> & {
|
20
22
|
"onClick:add"?: () => any;
|
21
|
-
"onClick:select"?: (typography: "
|
23
|
+
"onClick:select"?: (typography: "display" | "headline" | "title" | "text" | "label" | "variants", size: TextStyleSizes) => any;
|
22
24
|
"onClick:selectFill"?: (variant: BlueprintVariant) => any;
|
23
25
|
"onClick:addFill"?: () => any;
|
24
26
|
} & {
|
25
27
|
"v-slots"?: {} & Omit<{
|
26
28
|
default?: import("vue").Slot;
|
27
29
|
}, never>;
|
28
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "editable" | "toned" | "themeType" | "emit:click:add" | "emit:click:select" | "sampleText" | "viewtype" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
30
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "variant" | "editable" | "toned" | "themeType" | "emit:click:add" | "emit:click:select" | "sampleText" | "breakpoint" | "viewtype" | "emit:click:selectFill" | "emit:click:addFill"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
29
31
|
export default _default;
|
package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyEditor.d.ts
CHANGED
@@ -15,7 +15,7 @@ declare const _default: {
|
|
15
15
|
type: import("vue").PropType<string>;
|
16
16
|
};
|
17
17
|
textStyleType: {
|
18
|
-
type: import("vue").PropType<"
|
18
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
19
19
|
};
|
20
20
|
variant: {
|
21
21
|
type: import("vue").PropType<EditorVariant>;
|
@@ -110,7 +110,7 @@ declare const _default: {
|
|
110
110
|
type: import("vue").PropType<string>;
|
111
111
|
};
|
112
112
|
textStyleType: {
|
113
|
-
type: import("vue").PropType<"
|
113
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
114
114
|
};
|
115
115
|
variant: {
|
116
116
|
type: import("vue").PropType<EditorVariant>;
|
@@ -200,7 +200,7 @@ declare const _default: {
|
|
200
200
|
type: import("vue").PropType<string>;
|
201
201
|
};
|
202
202
|
textStyleType: {
|
203
|
-
type: import("vue").PropType<"
|
203
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
204
204
|
};
|
205
205
|
variant: {
|
206
206
|
type: import("vue").PropType<EditorVariant>;
|
@@ -349,7 +349,7 @@ declare const _default: {
|
|
349
349
|
"v-model"?: TextStyleDefinition;
|
350
350
|
sampleText?: string;
|
351
351
|
toolbarCallback?: (value: () => VNodeChild) => void;
|
352
|
-
textStyleType?: "
|
352
|
+
textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
|
353
353
|
}>, "onClick:confirm"> & {
|
354
354
|
"onClick:confirm"?: (model: TextStyleDefinition) => any;
|
355
355
|
};
|
@@ -9,7 +9,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
9
9
|
} & {
|
10
10
|
themeType?: ThemeContextType;
|
11
11
|
} & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true>> & {
|
12
|
-
"onClick:select"?: (typography: "
|
12
|
+
"onClick:select"?: (typography: "display" | "headline" | "title" | "text" | "label" | "variants", size: TextStyleSizes) => any;
|
13
13
|
"onClick:selectFill"?: (variant: BlueprintVariant) => any;
|
14
14
|
} & {
|
15
15
|
"v-slots"?: {} & Omit<{
|
@@ -15,7 +15,7 @@ export declare const useTypographyEditorStore: () => {
|
|
15
15
|
};
|
16
16
|
selectedBreakpoint: BreakpointItem;
|
17
17
|
settings: {
|
18
|
-
textStyleType: "
|
18
|
+
textStyleType: "display" | "headline" | "title" | "text" | "label" | "variants";
|
19
19
|
};
|
20
20
|
};
|
21
21
|
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyBlueprint, TypographyBreakpoint } from "@omnia/fx-models";
|
2
|
+
export type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
|
3
|
+
export declare const useTypographyViewerStore: () => {
|
4
|
+
state: {
|
5
|
+
blueprint: TypographyBlueprint;
|
6
|
+
viewType: ViewTypes;
|
7
|
+
breakPoint: TypographyBreakpoint;
|
8
|
+
sampleText: string;
|
9
|
+
};
|
10
|
+
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
11
|
+
initState: (blueprint: TypographyBlueprint, viewType: ViewTypes, breakPoint: TypographyBreakpoint, sampleText: string) => void;
|
12
|
+
}>;
|
13
|
+
get: {
|
14
|
+
typeScale: {
|
15
|
+
definition: {
|
16
|
+
bySize: (size: any) => {
|
17
|
+
textStyleDefinition: TextStyleDefinition;
|
18
|
+
fontSize: number;
|
19
|
+
lineHeight: number;
|
20
|
+
};
|
21
|
+
fontSize: (definition: TextStyleDefinition) => number;
|
22
|
+
lineHeight: (definition: TextStyleDefinition) => number;
|
23
|
+
};
|
24
|
+
};
|
25
|
+
typographyName: (typography: TextStyleType, size: TextStyleSizes) => string;
|
26
|
+
fontSizeDisplayFormat: (fontCss: string) => string;
|
27
|
+
sampleText: (typography: TextStyleType, size: TextStyleSizes) => string;
|
28
|
+
typeStyling: (typography: TextStyleType, size: TextStyleSizes) => any;
|
29
|
+
};
|
30
|
+
rules: {
|
31
|
+
typeScale: {
|
32
|
+
isBaseSize: (size: number) => size is 4;
|
33
|
+
isSizeUsed(size: number): boolean;
|
34
|
+
};
|
35
|
+
breakpoint: {
|
36
|
+
readonly isCustomBreakpoint: boolean;
|
37
|
+
};
|
38
|
+
variants: {
|
39
|
+
isPlaceholder: (size: string) => boolean;
|
40
|
+
};
|
41
|
+
canStyleBeDisplayed: (typography: TextStyleType, size: TextStyleSizes, isVariants: boolean) => boolean;
|
42
|
+
};
|
43
|
+
} & {
|
44
|
+
dispose?: () => void;
|
45
|
+
};
|
@@ -27,113 +27,5 @@ export declare class DocumentationTypography implements TypographyBlueprint {
|
|
27
27
|
md: number;
|
28
28
|
sm: number;
|
29
29
|
};
|
30
|
-
styles: {
|
31
|
-
s1: any;
|
32
|
-
s2: any;
|
33
|
-
s3: any;
|
34
|
-
s4: any;
|
35
|
-
s5: any;
|
36
|
-
s6: any;
|
37
|
-
s7: any;
|
38
|
-
s8: any;
|
39
|
-
s9: any;
|
40
|
-
s10: any;
|
41
|
-
};
|
42
|
-
};
|
43
|
-
title: {
|
44
|
-
xl: {
|
45
|
-
scale: number;
|
46
|
-
lg: {
|
47
|
-
weight: number;
|
48
|
-
};
|
49
|
-
};
|
50
|
-
l: {
|
51
|
-
scale: number;
|
52
|
-
lg: {
|
53
|
-
weight: number;
|
54
|
-
};
|
55
|
-
};
|
56
|
-
m: {
|
57
|
-
scale: number;
|
58
|
-
lg: {
|
59
|
-
weight: number;
|
60
|
-
};
|
61
|
-
};
|
62
|
-
s: {
|
63
|
-
scale: number;
|
64
|
-
lg: {
|
65
|
-
weight: number;
|
66
|
-
};
|
67
|
-
};
|
68
|
-
xs: {
|
69
|
-
scale: number;
|
70
|
-
lg: {
|
71
|
-
weight: number;
|
72
|
-
};
|
73
|
-
};
|
74
|
-
};
|
75
|
-
text: {
|
76
|
-
xl: {
|
77
|
-
scale: number;
|
78
|
-
lg: {
|
79
|
-
weight: number;
|
80
|
-
};
|
81
|
-
};
|
82
|
-
l: {
|
83
|
-
scale: number;
|
84
|
-
lg: {
|
85
|
-
weight: number;
|
86
|
-
};
|
87
|
-
};
|
88
|
-
m: {
|
89
|
-
scale: number;
|
90
|
-
lg: {
|
91
|
-
weight: number;
|
92
|
-
};
|
93
|
-
};
|
94
|
-
s: {
|
95
|
-
scale: number;
|
96
|
-
lg: {
|
97
|
-
weight: number;
|
98
|
-
};
|
99
|
-
};
|
100
|
-
xs: {
|
101
|
-
scale: number;
|
102
|
-
lg: {
|
103
|
-
weight: number;
|
104
|
-
};
|
105
|
-
};
|
106
|
-
};
|
107
|
-
label: {
|
108
|
-
xl: {
|
109
|
-
scale: number;
|
110
|
-
lg: {
|
111
|
-
weight: number;
|
112
|
-
};
|
113
|
-
};
|
114
|
-
l: {
|
115
|
-
scale: number;
|
116
|
-
lg: {
|
117
|
-
weight: number;
|
118
|
-
};
|
119
|
-
};
|
120
|
-
m: {
|
121
|
-
scale: number;
|
122
|
-
lg: {
|
123
|
-
weight: number;
|
124
|
-
};
|
125
|
-
};
|
126
|
-
s: {
|
127
|
-
scale: number;
|
128
|
-
lg: {
|
129
|
-
weight: number;
|
130
|
-
};
|
131
|
-
};
|
132
|
-
xs: {
|
133
|
-
scale: number;
|
134
|
-
lg: {
|
135
|
-
weight: number;
|
136
|
-
};
|
137
|
-
};
|
138
30
|
};
|
139
31
|
}
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import { TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyBlueprint } from "@omnia/fx-models";
|
2
2
|
export declare function useTypographyBlueprintManager(): {
|
3
|
+
typeScale: {
|
4
|
+
createDefinition: (blueprint: TypographyBlueprint, scaleSlot: number) => TextStyleDefinition;
|
5
|
+
};
|
3
6
|
definition: {
|
4
7
|
updateAllFromTypeScale(blueprint: TypographyBlueprint): TypographyBlueprint;
|
5
8
|
updateFromBaseStyles(definition: TextStyleDefinition, type: TextStyleType, size: TextStyleSizes, blueprint: TypographyBlueprint): TextStyleDefinition;
|
@@ -4,25 +4,40 @@ import { useTypographyBlueprintStore } from "../../store";
|
|
4
4
|
export declare namespace TypographyStyling {
|
5
5
|
function typographyTypeStylex(typographyType: TextStyleTypes, size: TextStyleSize, blueprint: TypographyBlueprint): Readonly<import("../../../Styles.stylex").StylexValue>;
|
6
6
|
function typographyStylex(blueprints: ReturnType<typeof useTypographyBlueprintStore>): {
|
7
|
-
|
7
|
+
display: {
|
8
8
|
readonly xl: Readonly<import("../../../Styles.stylex").StylexValue>;
|
9
9
|
readonly l: Readonly<import("../../../Styles.stylex").StylexValue>;
|
10
10
|
readonly m: Readonly<import("../../../Styles.stylex").StylexValue>;
|
11
11
|
readonly s: Readonly<import("../../../Styles.stylex").StylexValue>;
|
12
12
|
readonly xs: Readonly<import("../../../Styles.stylex").StylexValue>;
|
13
13
|
};
|
14
|
-
|
14
|
+
headline: {
|
15
|
+
readonly xl: Readonly<import("../../../Styles.stylex").StylexValue>;
|
16
|
+
readonly l: Readonly<import("../../../Styles.stylex").StylexValue>;
|
17
|
+
readonly m: Readonly<import("../../../Styles.stylex").StylexValue>;
|
18
|
+
readonly s: Readonly<import("../../../Styles.stylex").StylexValue>;
|
19
|
+
readonly xs: Readonly<import("../../../Styles.stylex").StylexValue>;
|
20
|
+
};
|
21
|
+
title: {
|
22
|
+
readonly xl: Readonly<import("../../../Styles.stylex").StylexValue>;
|
15
23
|
readonly l: Readonly<import("../../../Styles.stylex").StylexValue>;
|
16
24
|
readonly m: Readonly<import("../../../Styles.stylex").StylexValue>;
|
17
25
|
readonly s: Readonly<import("../../../Styles.stylex").StylexValue>;
|
18
26
|
readonly xs: Readonly<import("../../../Styles.stylex").StylexValue>;
|
19
27
|
};
|
20
|
-
|
28
|
+
text: {
|
29
|
+
readonly xl: Readonly<import("../../../Styles.stylex").StylexValue>;
|
21
30
|
readonly l: Readonly<import("../../../Styles.stylex").StylexValue>;
|
22
31
|
readonly m: Readonly<import("../../../Styles.stylex").StylexValue>;
|
32
|
+
readonly s: Readonly<import("../../../Styles.stylex").StylexValue>;
|
33
|
+
readonly xs: Readonly<import("../../../Styles.stylex").StylexValue>;
|
23
34
|
};
|
24
|
-
|
35
|
+
label: {
|
36
|
+
readonly xl: Readonly<import("../../../Styles.stylex").StylexValue>;
|
37
|
+
readonly l: Readonly<import("../../../Styles.stylex").StylexValue>;
|
25
38
|
readonly m: Readonly<import("../../../Styles.stylex").StylexValue>;
|
39
|
+
readonly s: Readonly<import("../../../Styles.stylex").StylexValue>;
|
40
|
+
readonly xs: Readonly<import("../../../Styles.stylex").StylexValue>;
|
26
41
|
};
|
27
42
|
variants: {
|
28
43
|
readonly variant1: Readonly<import("../../../Styles.stylex").StylexValue>;
|
@@ -41,31 +56,51 @@ export declare const typographyStyles: {
|
|
41
56
|
typographyStylingFromValue: typeof typographyStylingByValue;
|
42
57
|
};
|
43
58
|
export interface TypographyTypesResult {
|
44
|
-
|
59
|
+
display: {
|
45
60
|
xl: string;
|
46
61
|
l: string;
|
47
62
|
m: string;
|
48
63
|
s: string;
|
49
64
|
xs: string;
|
50
65
|
};
|
51
|
-
|
66
|
+
headline: {
|
67
|
+
xl: string;
|
68
|
+
l: string;
|
69
|
+
m: string;
|
70
|
+
s: string;
|
71
|
+
xs: string;
|
72
|
+
};
|
73
|
+
title: {
|
74
|
+
xl: string;
|
52
75
|
l: string;
|
53
76
|
m: string;
|
54
77
|
s: string;
|
55
78
|
xs: string;
|
56
79
|
};
|
57
|
-
|
80
|
+
text: {
|
81
|
+
xl: string;
|
58
82
|
l: string;
|
59
83
|
m: string;
|
84
|
+
s: string;
|
85
|
+
xs: string;
|
60
86
|
};
|
61
|
-
|
87
|
+
label: {
|
88
|
+
xl: string;
|
89
|
+
l: string;
|
62
90
|
m: string;
|
91
|
+
s: string;
|
92
|
+
xs: string;
|
63
93
|
};
|
64
94
|
variant: {
|
65
95
|
1: string;
|
66
96
|
2: string;
|
67
97
|
3: string;
|
68
98
|
4: string;
|
99
|
+
5: string;
|
100
|
+
6: string;
|
101
|
+
7: string;
|
102
|
+
8: string;
|
103
|
+
9: string;
|
69
104
|
};
|
70
105
|
typographyType: (typographyType: string) => string;
|
71
106
|
}
|
@@ -2,7 +2,7 @@ import { DateTimeZone } from "@omnia/fx/models";
|
|
2
2
|
declare const _default: {
|
3
3
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
4
4
|
size: {
|
5
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
5
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
6
6
|
};
|
7
7
|
showTimeZone: {
|
8
8
|
type: import("vue").PropType<boolean>;
|
@@ -33,7 +33,7 @@ declare const _default: {
|
|
33
33
|
Defaults: {};
|
34
34
|
}, Readonly<import("vue").ExtractPropTypes<{
|
35
35
|
size: {
|
36
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
36
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
37
37
|
};
|
38
38
|
showTimeZone: {
|
39
39
|
type: import("vue").PropType<boolean>;
|
@@ -61,7 +61,7 @@ declare const _default: {
|
|
61
61
|
__isSuspense?: never;
|
62
62
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
63
63
|
size: {
|
64
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
64
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
65
65
|
};
|
66
66
|
showTimeZone: {
|
67
67
|
type: import("vue").PropType<boolean>;
|
@@ -87,7 +87,7 @@ declare const _default: {
|
|
87
87
|
propsDefinition: Omit<Readonly<{} & {
|
88
88
|
label?: string;
|
89
89
|
variant?: "time" | "date" | "date-time";
|
90
|
-
size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
90
|
+
size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
91
91
|
value?: DateTimeZone<string>;
|
92
92
|
dateFormat?: string;
|
93
93
|
showTimeZone?: boolean;
|
@@ -27,7 +27,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
27
27
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
28
28
|
};
|
29
29
|
};
|
30
|
-
events: import("../../../../../
|
30
|
+
events: import("../../../../../shared").StoreEvents<{
|
31
31
|
editorContent: import("@omnia/fx/ux").FlowContent;
|
32
32
|
plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
|
33
33
|
pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
|
@@ -52,7 +52,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
52
52
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
53
53
|
};
|
54
54
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
55
|
-
actions: import("../../../../../
|
55
|
+
actions: import("../../../../../shared").StoreReturnDefineAction<{
|
56
56
|
confirm: () => {
|
57
57
|
delete: {
|
58
58
|
container: (element: HTMLElement) => void;
|
@@ -27,7 +27,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
27
27
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
28
28
|
};
|
29
29
|
};
|
30
|
-
events: import("../../../../../
|
30
|
+
events: import("../../../../../shared").StoreEvents<{
|
31
31
|
editorContent: import("@omnia/fx/ux").FlowContent;
|
32
32
|
plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
|
33
33
|
pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
|
@@ -52,7 +52,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
52
52
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
53
53
|
};
|
54
54
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
55
|
-
actions: import("../../../../../
|
55
|
+
actions: import("../../../../../shared").StoreReturnDefineAction<{
|
56
56
|
confirm: () => {
|
57
57
|
delete: {
|
58
58
|
container: (element: HTMLElement) => void;
|
@@ -27,7 +27,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
27
27
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
28
28
|
};
|
29
29
|
};
|
30
|
-
events: import("../../../../../
|
30
|
+
events: import("../../../../../shared").StoreEvents<{
|
31
31
|
editorContent: import("@omnia/fx/ux").FlowContent;
|
32
32
|
plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
|
33
33
|
pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
|
@@ -52,7 +52,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
52
52
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
53
53
|
};
|
54
54
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
55
|
-
actions: import("../../../../../
|
55
|
+
actions: import("../../../../../shared").StoreReturnDefineAction<{
|
56
56
|
confirm: () => {
|
57
57
|
delete: {
|
58
58
|
container: (element: HTMLElement) => void;
|
package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyButton.d.ts
CHANGED
@@ -27,7 +27,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
27
27
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
28
28
|
};
|
29
29
|
};
|
30
|
-
events: import("../../../../../
|
30
|
+
events: import("../../../../../shared").StoreEvents<{
|
31
31
|
editorContent: import("@omnia/fx/ux").FlowContent;
|
32
32
|
plugins: import("@omnia/fx/ux").FlowEditorPlugin[];
|
33
33
|
pluginsLoadedPromise: import("@omnia/fx-models").Future<void>;
|
@@ -52,7 +52,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
52
52
|
textStyle: import("@omnia/fx-models").TextBlueprint;
|
53
53
|
};
|
54
54
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
55
|
-
actions: import("../../../../../
|
55
|
+
actions: import("../../../../../shared").StoreReturnDefineAction<{
|
56
56
|
confirm: () => {
|
57
57
|
delete: {
|
58
58
|
container: (element: HTMLElement) => void;
|
@@ -12,10 +12,10 @@ declare const _default: {
|
|
12
12
|
type: import("vue").PropType<TextBlueprint>;
|
13
13
|
};
|
14
14
|
size: {
|
15
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
15
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
16
16
|
};
|
17
17
|
typography: {
|
18
|
-
type: import("vue").PropType<"
|
18
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes>;
|
19
19
|
};
|
20
20
|
placeholder: {
|
21
21
|
type: import("vue").PropType<string>;
|
@@ -130,10 +130,10 @@ declare const _default: {
|
|
130
130
|
type: import("vue").PropType<TextBlueprint>;
|
131
131
|
};
|
132
132
|
size: {
|
133
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
133
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
134
134
|
};
|
135
135
|
typography: {
|
136
|
-
type: import("vue").PropType<"
|
136
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes>;
|
137
137
|
};
|
138
138
|
placeholder: {
|
139
139
|
type: import("vue").PropType<string>;
|
@@ -245,10 +245,10 @@ declare const _default: {
|
|
245
245
|
type: import("vue").PropType<TextBlueprint>;
|
246
246
|
};
|
247
247
|
size: {
|
248
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
248
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
249
249
|
};
|
250
250
|
typography: {
|
251
|
-
type: import("vue").PropType<"
|
251
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes>;
|
252
252
|
};
|
253
253
|
placeholder: {
|
254
254
|
type: import("vue").PropType<string>;
|
@@ -408,10 +408,10 @@ declare const _default: {
|
|
408
408
|
};
|
409
409
|
}>;
|
410
410
|
};
|
411
|
-
typography?: "
|
411
|
+
typography?: "display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes;
|
412
412
|
blueprint?: TextBlueprint;
|
413
413
|
container?: boolean;
|
414
|
-
size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
414
|
+
size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
415
415
|
colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
|
416
416
|
plugins?: [object];
|
417
417
|
hideToolbar?: boolean;
|
@@ -5,10 +5,10 @@ declare const _default: {
|
|
5
5
|
type: import("vue").PropType<TextBlueprint>;
|
6
6
|
};
|
7
7
|
size: {
|
8
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
8
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
9
9
|
};
|
10
10
|
typography: {
|
11
|
-
type: import("vue").PropType<"
|
11
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes>;
|
12
12
|
};
|
13
13
|
toned: {
|
14
14
|
type: import("vue").PropType<boolean>;
|
@@ -29,10 +29,10 @@ declare const _default: {
|
|
29
29
|
type: import("vue").PropType<TextBlueprint>;
|
30
30
|
};
|
31
31
|
size: {
|
32
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
32
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
33
33
|
};
|
34
34
|
typography: {
|
35
|
-
type: import("vue").PropType<"
|
35
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes>;
|
36
36
|
};
|
37
37
|
toned: {
|
38
38
|
type: import("vue").PropType<boolean>;
|
@@ -50,10 +50,10 @@ declare const _default: {
|
|
50
50
|
type: import("vue").PropType<TextBlueprint>;
|
51
51
|
};
|
52
52
|
size: {
|
53
|
-
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
53
|
+
type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
|
54
54
|
};
|
55
55
|
typography: {
|
56
|
-
type: import("vue").PropType<"
|
56
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes>;
|
57
57
|
};
|
58
58
|
toned: {
|
59
59
|
type: import("vue").PropType<boolean>;
|
@@ -66,9 +66,9 @@ declare const _default: {
|
|
66
66
|
propsDefinition: Omit<Readonly<{
|
67
67
|
value: string;
|
68
68
|
} & {
|
69
|
-
typography?: "
|
69
|
+
typography?: "display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes;
|
70
70
|
blueprint?: TextBlueprint;
|
71
|
-
size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
71
|
+
size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
72
72
|
toned?: boolean;
|
73
73
|
}>, never>;
|
74
74
|
};
|
@@ -14,8 +14,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
|
|
14
14
|
} & {
|
15
15
|
galleryPanelStore: {
|
16
16
|
state: {};
|
17
|
-
events: import("../../../../
|
18
|
-
actions: import("../../../../
|
17
|
+
events: import("../../../../shared").StoreEvents<{}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
18
|
+
actions: import("../../../../shared").StoreReturnDefineAction<{
|
19
19
|
init: (swiperObj: import("swiper").default) => void;
|
20
20
|
nextSlide: () => void;
|
21
21
|
prevSlide: () => void;
|
@@ -11,5 +11,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<AppBarProps>
|
|
11
11
|
} & Omit<{
|
12
12
|
default?: import("vue").Slot;
|
13
13
|
}, "actionButtons">;
|
14
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "
|
14
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "filled" | "id" | "class" | "absolute" | "colorSchemaType" | "closable" | "emit:click:navigation" | "colors" | "navigation" | "subTitle" | "emit:click:close" | "navigationExpanded" | "slot:actionButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
15
15
|
export default _default;
|
@@ -5,5 +5,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColumnGridPr
|
|
5
5
|
"v-slots"?: {} & Omit<{
|
6
6
|
default?: import("vue").Slot;
|
7
7
|
}, never>;
|
8
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "xs" | "xl" | "
|
8
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "xs" | "xl" | "lg" | "md" | "sm" | "alignSelf" | "margin" | "padding" | "variant" | "filled" | "class" | "colorSchemaType" | "cols" | "colors" | "toned"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
9
9
|
export default _default;
|
@@ -26,6 +26,6 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps>
|
|
26
26
|
header?: () => VNodeChild;
|
27
27
|
} & Omit<{
|
28
28
|
default?: import("vue").Slot;
|
29
|
-
}, "
|
29
|
+
}, "actions" | "header" | "activator" | "navigation" | "fixedContent" | "headerButtons">;
|
30
30
|
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "attach" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
31
31
|
export default _default;
|
@@ -15,5 +15,5 @@ declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").Extrac
|
|
15
15
|
} & Omit<{
|
16
16
|
default?: import("vue").Slot;
|
17
17
|
}, "item">;
|
18
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "
|
18
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "drag" | "class" | "nav" | "colorSchemaType" | "modelValue" | "remove" | "colors" | "v-model" | "toned" | "navigation" | "emit:update:modelValue" | "lines" | "divider" | "itemValue" | "disableItemClickable" | "slot:item"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
19
19
|
export default _default;
|
@@ -3,7 +3,7 @@ export declare const usePanelStore: () => {
|
|
3
3
|
get: {
|
4
4
|
typography: {
|
5
5
|
readonly type: TextStyleTypes;
|
6
|
-
readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
6
|
+
readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
7
7
|
readonly toned: boolean;
|
8
8
|
};
|
9
9
|
readonly margin: Spacing | SpacingValue;
|
@@ -16,7 +16,7 @@ export declare const usePanelStore: () => {
|
|
16
16
|
padding: SpacingValue | Spacing;
|
17
17
|
margin: SpacingValue | Spacing;
|
18
18
|
title: string;
|
19
|
-
titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8"
|
19
|
+
titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
20
20
|
toned: boolean;
|
21
21
|
};
|
22
22
|
};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
|
2
2
|
import { ColorType, ColorTypes, OTextAlignmentTypes, TextBlueprint, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes } from "@omnia/fx/models";
|
3
3
|
type textWrapping = "none";
|
4
|
-
type TextProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TextStyleType | TextStyleTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TextStyleSize | TextStyleSizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"color", string, false, null, "Applies a specific color"> & DefineProp<"toned", boolean, false, false, "Applies a tonal color to the text."> & DefineProp<"wordBreak", textWrapping, false, null, "Specifies how the text should wrap."> & DefineProp<"as", "text" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6", false, null, "Specifies how to render the text tag"> & DefineProp<"whiteSpace", "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line", false, null, "Specifies how
|
4
|
+
type TextProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TextStyleType | TextStyleTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TextStyleSize | TextStyleSizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"color", string, false, null, "Applies a specific color"> & DefineProp<"toned", boolean, false, false, "Applies a tonal color to the text."> & DefineProp<"bold", boolean, false, false, "Applies a bold style to the text. Can only be used with the typography text"> & DefineProp<"wordBreak", textWrapping, false, null, "Specifies how the text should wrap."> & DefineProp<"as", "text" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6", false, null, "Specifies how to render the text tag result will render"> & DefineProp<"whiteSpace", "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line", false, null, "Specifies how white space inside text is handled"> & DefineProp<"align", OTextAlignmentTypes, false, null, "Specifiecs text alignment."> & DefineProp<"truncateLines", number, false, null, "Specifies if text should be truncated and number of lines before truncating."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text.">;
|
5
5
|
declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TextProps> & {} & {
|
6
6
|
"v-slots"?: {} & Omit<{
|
7
7
|
default?: import("vue").Slot;
|
8
8
|
}, never>;
|
9
|
-
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "color" | "typography" | "blueprint" | "whiteSpace" | "wordBreak" | "size" | "class" | "colorSchemaType" | "align" | "colors" | "toned" | "colorType" | "as" | "truncateLines"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
9
|
+
} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "bold" | "color" | "typography" | "blueprint" | "whiteSpace" | "wordBreak" | "size" | "class" | "colorSchemaType" | "align" | "colors" | "toned" | "colorType" | "as" | "truncateLines"> & import("@omnia/fx/ux").VNodeEvents) => any;
|
10
10
|
export default _default;
|
package/internal-do-not-import-from-here/ux/properties/builtins/birthday/BirthdayEditor.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
+
import { BirthdayDisplaySettings, BirthdayEditorSettings, BirthdayPropertyDefinition, BirthdayPropertyValue, IPropertyEditorRenderer } from "@omnia/fx-models";
|
1
2
|
import { BirthdayEditorStyles } from "./BirthdayEditor.css";
|
2
|
-
import { IPropertyEditorRenderer, BirthdayPropertyValue, BirthdayPropertyDefinition, BirthdayDisplaySettings, BirthdayEditorSettings } from "@omnia/fx-models";
|
3
3
|
export type BirthdayEditorProps = IPropertyEditorRenderer<BirthdayPropertyDefinition> & {
|
4
4
|
styles: typeof BirthdayEditorStyles;
|
5
5
|
} & {
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { DateEditorStyles } from "./DateEditor.css";
|
2
1
|
import { DateDisplaySettings, DateEditorSettings, DatePropertyDefinition, DatePropertyValue, IPropertyEditorRenderer } from "@omnia/fx-models";
|
2
|
+
import { DateEditorStyles } from "./DateEditor.css";
|
3
3
|
export type DateEditorProps = IPropertyEditorRenderer<DatePropertyDefinition> & {
|
4
4
|
styles: typeof DateEditorStyles;
|
5
5
|
} & {
|
package/internal-do-not-import-from-here/ux/properties/builtins/date-time/DateTimeEditor.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import { DateTimeEditorStyles } from "./DateTimeEditor.css";
|
2
1
|
import { DateTimeDisplaySettings, DateTimeEditorSettings, DateTimePropertyDefinition, DateTimePropertyValue, IPropertyEditorRenderer } from "@omnia/fx-models";
|
2
|
+
import { DateTimeEditorStyles } from "./DateTimeEditor.css";
|
3
3
|
export type DateTimeEditorProps = IPropertyEditorRenderer<DateTimePropertyDefinition> & {
|
4
4
|
styles: typeof DateTimeEditorStyles;
|
5
5
|
} & {
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@omnia/fx",
|
3
3
|
"license": "MIT",
|
4
|
-
"version": "8.0.
|
4
|
+
"version": "8.0.404-dev",
|
5
5
|
"description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
|
6
6
|
"scripts": {
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1",
|
@@ -20,7 +20,7 @@
|
|
20
20
|
],
|
21
21
|
"author": "Omnia Digital Workplace AB",
|
22
22
|
"dependencies": {
|
23
|
-
"@omnia/fx-models": "8.0.
|
23
|
+
"@omnia/fx-models": "8.0.404-dev",
|
24
24
|
"@microsoft/signalr": "6.0.1",
|
25
25
|
"broadcast-channel": "4.8.0",
|
26
26
|
"dayjs": "1.11.7",
|