@omnia/fx 8.0.402-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 +105 -44
- 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 +7 -17
- 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 +63 -0
- 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 +19 -103
- 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/UseStyling.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts +45 -10
- 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 +4 -4
- package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts +4 -4
- 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/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,65 +1,107 @@
|
|
1
|
-
import {
|
1
|
+
import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon, TypographyBreakpoint } from "@omnia/fx-models";
|
2
|
+
export interface BreakpointItem {
|
3
|
+
icon: FontAwesomeIcon;
|
4
|
+
title: string;
|
5
|
+
subTitle: string;
|
6
|
+
scale: TypographyBreakpoint;
|
7
|
+
}
|
8
|
+
type StyleVariant = "system-styles" | "custom-styles" | "type-scale";
|
2
9
|
export declare const useTypographyEditorStore: () => {
|
3
10
|
state: {
|
4
11
|
blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
|
5
12
|
availableFonts: ITemplateRegistration<IFontBlueprints>;
|
6
13
|
blueprint: TypographyBlueprint;
|
7
14
|
editMode: boolean;
|
8
|
-
|
9
|
-
styleEditVariant: "system-styles" | "custom-styles";
|
10
|
-
selectedTypography: {
|
15
|
+
editing: {
|
11
16
|
type: TextStyleType;
|
12
|
-
|
13
|
-
|
17
|
+
styleVariant: StyleVariant;
|
18
|
+
};
|
19
|
+
selected: {
|
20
|
+
typography: {
|
21
|
+
type: TextStyleType;
|
22
|
+
size: TextStyleSizes;
|
23
|
+
definition: TextStyleDefinition;
|
24
|
+
};
|
25
|
+
breakpoint: BreakpointItem;
|
14
26
|
};
|
15
|
-
selectedFill: FillDefinition;
|
16
|
-
selectedFillVariant: BlueprintVariant;
|
17
27
|
};
|
18
28
|
events: import("@omnia/fx/stores").StoreEvents<{
|
19
29
|
blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
|
20
30
|
availableFonts: ITemplateRegistration<IFontBlueprints>;
|
21
31
|
blueprint: TypographyBlueprint;
|
22
32
|
editMode: boolean;
|
23
|
-
|
24
|
-
styleEditVariant: "system-styles" | "custom-styles";
|
25
|
-
selectedTypography: {
|
33
|
+
editing: {
|
26
34
|
type: TextStyleType;
|
27
|
-
|
28
|
-
|
35
|
+
styleVariant: StyleVariant;
|
36
|
+
};
|
37
|
+
selected: {
|
38
|
+
typography: {
|
39
|
+
type: TextStyleType;
|
40
|
+
size: TextStyleSizes;
|
41
|
+
definition: TextStyleDefinition;
|
42
|
+
};
|
43
|
+
breakpoint: BreakpointItem;
|
29
44
|
};
|
30
|
-
selectedFill: FillDefinition;
|
31
|
-
selectedFillVariant: BlueprintVariant;
|
32
45
|
}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
|
33
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
|
+
};
|
34
58
|
calculate(): {
|
35
59
|
editingDefinitionFromBaseStyles(): void;
|
36
60
|
baseScale(): void;
|
37
61
|
};
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
}
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
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>;
|
55
95
|
}>;
|
56
96
|
get: {
|
57
|
-
|
58
|
-
|
59
|
-
scale:
|
97
|
+
typeScale: {
|
98
|
+
active: {
|
99
|
+
readonly scale: number;
|
100
|
+
readonly baseFontSize: number;
|
101
|
+
readonly lineHeight: number;
|
60
102
|
};
|
61
103
|
};
|
62
|
-
definitionType: () => import("@omnia/fx-models").VariantBlueprints<
|
104
|
+
definitionType: () => import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
|
63
105
|
xl: TextStyleDefinition;
|
64
106
|
l: TextStyleDefinition;
|
65
107
|
m: TextStyleDefinition;
|
@@ -67,25 +109,32 @@ export declare const useTypographyEditorStore: () => {
|
|
67
109
|
xs: TextStyleDefinition;
|
68
110
|
font?: TypographyFontRef;
|
69
111
|
} | {
|
70
|
-
xl
|
112
|
+
xl: TextStyleDefinition;
|
71
113
|
l: TextStyleDefinition;
|
72
114
|
m: TextStyleDefinition;
|
73
115
|
s: TextStyleDefinition;
|
74
116
|
xs: TextStyleDefinition;
|
75
117
|
font?: TypographyFontRef;
|
76
118
|
} | {
|
77
|
-
xl
|
78
|
-
l
|
119
|
+
xl: TextStyleDefinition;
|
120
|
+
l: TextStyleDefinition;
|
79
121
|
m: TextStyleDefinition;
|
80
|
-
s
|
81
|
-
xs
|
122
|
+
s: TextStyleDefinition;
|
123
|
+
xs: TextStyleDefinition;
|
82
124
|
font?: TypographyFontRef;
|
83
125
|
} | {
|
84
126
|
xl?: TextStyleDefinition;
|
85
|
-
l
|
127
|
+
l: TextStyleDefinition;
|
86
128
|
m: TextStyleDefinition;
|
87
|
-
s
|
88
|
-
xs
|
129
|
+
s: TextStyleDefinition;
|
130
|
+
xs: TextStyleDefinition;
|
131
|
+
font?: TypographyFontRef;
|
132
|
+
} | {
|
133
|
+
xl: TextStyleDefinition;
|
134
|
+
l: TextStyleDefinition;
|
135
|
+
m: TextStyleDefinition;
|
136
|
+
s: TextStyleDefinition;
|
137
|
+
xs: TextStyleDefinition;
|
89
138
|
font?: TypographyFontRef;
|
90
139
|
};
|
91
140
|
selectedTypoSizeFont: () => string;
|
@@ -97,7 +146,19 @@ export declare const useTypographyEditorStore: () => {
|
|
97
146
|
editStylesBlade: guid;
|
98
147
|
editScaleBlade: guid;
|
99
148
|
settingsBlade: guid;
|
149
|
+
breakpointBlade: guid;
|
150
|
+
};
|
151
|
+
rules: {
|
152
|
+
breakpoint: {
|
153
|
+
isActive: (size: TypographyBreakpoint) => boolean;
|
154
|
+
readonly showEnableDisable: boolean;
|
155
|
+
readonly isEnabled: boolean;
|
156
|
+
};
|
157
|
+
};
|
158
|
+
dataTypes: {
|
159
|
+
breakpoints: BreakpointItem[];
|
100
160
|
};
|
101
161
|
} & {
|
102
162
|
dispose?: () => void;
|
103
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
@@ -14,11 +14,8 @@ declare const _default: {
|
|
14
14
|
sampleText: {
|
15
15
|
type: import("vue").PropType<string>;
|
16
16
|
};
|
17
|
-
|
18
|
-
type: import("vue").PropType<
|
19
|
-
};
|
20
|
-
enableName: {
|
21
|
-
type: import("vue").PropType<boolean>;
|
17
|
+
textStyleType: {
|
18
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
22
19
|
};
|
23
20
|
variant: {
|
24
21
|
type: import("vue").PropType<EditorVariant>;
|
@@ -112,11 +109,8 @@ declare const _default: {
|
|
112
109
|
sampleText: {
|
113
110
|
type: import("vue").PropType<string>;
|
114
111
|
};
|
115
|
-
|
116
|
-
type: import("vue").PropType<
|
117
|
-
};
|
118
|
-
enableName: {
|
119
|
-
type: import("vue").PropType<boolean>;
|
112
|
+
textStyleType: {
|
113
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
120
114
|
};
|
121
115
|
variant: {
|
122
116
|
type: import("vue").PropType<EditorVariant>;
|
@@ -205,11 +199,8 @@ declare const _default: {
|
|
205
199
|
sampleText: {
|
206
200
|
type: import("vue").PropType<string>;
|
207
201
|
};
|
208
|
-
|
209
|
-
type: import("vue").PropType<
|
210
|
-
};
|
211
|
-
enableName: {
|
212
|
-
type: import("vue").PropType<boolean>;
|
202
|
+
textStyleType: {
|
203
|
+
type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
|
213
204
|
};
|
214
205
|
variant: {
|
215
206
|
type: import("vue").PropType<EditorVariant>;
|
@@ -358,8 +349,7 @@ declare const _default: {
|
|
358
349
|
"v-model"?: TextStyleDefinition;
|
359
350
|
sampleText?: string;
|
360
351
|
toolbarCallback?: (value: () => VNodeChild) => void;
|
361
|
-
|
362
|
-
forceCustomSize?: boolean;
|
352
|
+
textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
|
363
353
|
}>, "onClick:confirm"> & {
|
364
354
|
"onClick:confirm"?: (model: TextStyleDefinition) => any;
|
365
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<{
|
@@ -0,0 +1,63 @@
|
|
1
|
+
import { FontAwesomeIcon, TextStyleBreakPoint, TextStyleDefinition } from "@omnia/fx-models";
|
2
|
+
export interface BreakpointItem {
|
3
|
+
icon: FontAwesomeIcon;
|
4
|
+
title: string;
|
5
|
+
active: boolean;
|
6
|
+
breakpoint: "sm" | "md" | "lg";
|
7
|
+
}
|
8
|
+
export declare const useTypographyEditorStore: () => {
|
9
|
+
state: {
|
10
|
+
internalModel: TextStyleDefinition;
|
11
|
+
breakpoint: {
|
12
|
+
large: TextStyleBreakPoint;
|
13
|
+
medium: TextStyleBreakPoint;
|
14
|
+
small: TextStyleBreakPoint;
|
15
|
+
};
|
16
|
+
selectedBreakpoint: BreakpointItem;
|
17
|
+
settings: {
|
18
|
+
textStyleType: "display" | "headline" | "title" | "text" | "label" | "variants";
|
19
|
+
};
|
20
|
+
};
|
21
|
+
actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
|
22
|
+
set: () => {
|
23
|
+
fontSize: (value: number) => void;
|
24
|
+
lineHeight: (value: number) => void;
|
25
|
+
fontWeight: (value: number) => void;
|
26
|
+
letterSpacing: (value: number) => void;
|
27
|
+
};
|
28
|
+
breakPoint: () => {
|
29
|
+
selected: {
|
30
|
+
enable: (value: boolean) => void;
|
31
|
+
set: {
|
32
|
+
custom: (value: boolean) => void;
|
33
|
+
};
|
34
|
+
};
|
35
|
+
clean: (key: string) => void;
|
36
|
+
ensure: (key: string) => void;
|
37
|
+
};
|
38
|
+
initState: (model: TextStyleDefinition) => void;
|
39
|
+
}>;
|
40
|
+
get: {
|
41
|
+
selection: {
|
42
|
+
breakpoint: {
|
43
|
+
readonly definition: TextStyleBreakPoint;
|
44
|
+
};
|
45
|
+
};
|
46
|
+
};
|
47
|
+
rules: {
|
48
|
+
readonly showEnableBreakpoint: boolean;
|
49
|
+
show: {
|
50
|
+
readonly customSizeSwitch: boolean;
|
51
|
+
readonly name: boolean;
|
52
|
+
readonly upperCaseAndItalicSettings: boolean;
|
53
|
+
readonly fontSizeAndLineHeight: boolean;
|
54
|
+
readonly letterSpacing: boolean;
|
55
|
+
readonly fontWeight: boolean;
|
56
|
+
};
|
57
|
+
};
|
58
|
+
dataTypes: {
|
59
|
+
breakpoints: BreakpointItem[];
|
60
|
+
};
|
61
|
+
} & {
|
62
|
+
dispose?: () => void;
|
63
|
+
};
|
@@ -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
|
+
};
|
@@ -1,115 +1,31 @@
|
|
1
|
-
import {
|
1
|
+
import { TypographyBlueprint, guid } from "@omnia/fx-models";
|
2
2
|
export declare class DefaultDocTypographyBlueprints implements TypographyBlueprint {
|
3
3
|
id: guid;
|
4
4
|
name: string;
|
5
5
|
constructor();
|
6
6
|
}
|
7
7
|
export declare class DocumentationTypography implements TypographyBlueprint {
|
8
|
-
font
|
9
|
-
|
10
|
-
|
11
|
-
variant2?: FillDefinition;
|
12
|
-
variant3?: FillDefinition;
|
13
|
-
};
|
14
|
-
variant: {
|
15
|
-
one: TextStyleDefinition;
|
16
|
-
two: TextStyleDefinition;
|
17
|
-
three: TextStyleDefinition;
|
18
|
-
four: TextStyleDefinition;
|
8
|
+
font: {
|
9
|
+
cdn: "https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";
|
10
|
+
family: "shadows into light";
|
19
11
|
};
|
20
12
|
name: string;
|
21
13
|
id: guid;
|
22
|
-
|
23
|
-
|
24
|
-
lg:
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
m: {
|
38
|
-
lg: {
|
39
|
-
size: number;
|
40
|
-
lineHeight: number;
|
41
|
-
weight: number;
|
42
|
-
};
|
43
|
-
};
|
44
|
-
s: {
|
45
|
-
lg: {
|
46
|
-
size: number;
|
47
|
-
lineHeight: number;
|
48
|
-
weight: number;
|
49
|
-
};
|
50
|
-
};
|
51
|
-
xs: {
|
52
|
-
lg: {
|
53
|
-
size: number;
|
54
|
-
lineHeight: number;
|
55
|
-
weight: number;
|
56
|
-
};
|
57
|
-
};
|
58
|
-
};
|
59
|
-
text: {
|
60
|
-
l: {
|
61
|
-
lg: {
|
62
|
-
size: number;
|
63
|
-
lineHeight: number;
|
64
|
-
weight: number;
|
65
|
-
};
|
66
|
-
};
|
67
|
-
m: {
|
68
|
-
lg: {
|
69
|
-
size: number;
|
70
|
-
lineHeight: number;
|
71
|
-
weight: number;
|
72
|
-
};
|
73
|
-
};
|
74
|
-
s: {
|
75
|
-
lg: {
|
76
|
-
size: number;
|
77
|
-
lineHeight: number;
|
78
|
-
weight: number;
|
79
|
-
};
|
80
|
-
};
|
81
|
-
xs: {
|
82
|
-
lg: {
|
83
|
-
size: number;
|
84
|
-
lineHeight: number;
|
85
|
-
weight: number;
|
86
|
-
};
|
87
|
-
};
|
88
|
-
};
|
89
|
-
navigation: {
|
90
|
-
l: {
|
91
|
-
lg: {
|
92
|
-
size: number;
|
93
|
-
lineHeight: number;
|
94
|
-
weight: number;
|
95
|
-
};
|
96
|
-
};
|
97
|
-
m: {
|
98
|
-
lg: {
|
99
|
-
size: number;
|
100
|
-
lineHeight: number;
|
101
|
-
weight: number;
|
102
|
-
};
|
103
|
-
};
|
104
|
-
};
|
105
|
-
link: {
|
106
|
-
m: {
|
107
|
-
decoration: string;
|
108
|
-
lg: {
|
109
|
-
size: number;
|
110
|
-
lineHeight: number;
|
111
|
-
weight: number;
|
112
|
-
};
|
14
|
+
typeScale: {
|
15
|
+
baseFontSize: {
|
16
|
+
lg: number;
|
17
|
+
md: number;
|
18
|
+
sm: number;
|
19
|
+
};
|
20
|
+
scale: {
|
21
|
+
lg: number;
|
22
|
+
md: number;
|
23
|
+
sm: number;
|
24
|
+
};
|
25
|
+
lineHeightMultiplier: {
|
26
|
+
lg: number;
|
27
|
+
md: number;
|
28
|
+
sm: number;
|
113
29
|
};
|
114
30
|
};
|
115
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;
|
@@ -41,7 +41,7 @@ export declare function useThemeStyling(): {
|
|
41
41
|
typeStylex: typeof TypographyStyling.typographyTypeStylex;
|
42
42
|
stylex: typeof TypographyStyling.typographyStylex;
|
43
43
|
fontStyling: typeof import("./styles/Typography").fontStyling;
|
44
|
-
typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes, size: import("@omnia/fx-models").TextStyleSize, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
|
44
|
+
typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes | import("@omnia/fx-models").TextStyleType, size: import("@omnia/fx-models").TextStyleSize | import("@omnia/fx-models").TextStyleSizes, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
|
45
45
|
baseStyles: {
|
46
46
|
fontFamily: string;
|
47
47
|
fontSize: string;
|
@@ -1,28 +1,43 @@
|
|
1
|
-
import { TypographyBlueprint, TextStyleSize, TextStyleTypes, TextStyleValue } from "@omnia/fx-models";
|
1
|
+
import { TypographyBlueprint, TextStyleSize, TextStyleSizes, TextStyleTypes, TextStyleValue, TextStyleType } from "@omnia/fx-models";
|
2
2
|
import { MediaQuery } from "typestyle/lib/types";
|
3
3
|
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,36 +56,56 @@ 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
|
}
|
72
107
|
declare function typographyStylingByValue(value: TextStyleValue, blueprint: TypographyBlueprint): string;
|
73
|
-
declare function typographyTypeStyling(typographyType: TextStyleTypes, size: TextStyleSize, blueprint: TypographyBlueprint): {
|
108
|
+
declare function typographyTypeStyling(typographyType: TextStyleTypes | TextStyleType, size: TextStyleSize | TextStyleSizes, blueprint: TypographyBlueprint): {
|
74
109
|
baseStyles: {
|
75
110
|
fontFamily: string;
|
76
111
|
fontSize: string;
|
@@ -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;
|
@@ -15,7 +15,7 @@ declare const _default: {
|
|
15
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>;
|
@@ -133,7 +133,7 @@ declare const _default: {
|
|
133
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>;
|
@@ -248,7 +248,7 @@ declare const _default: {
|
|
248
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,7 +408,7 @@ 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
414
|
size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
@@ -8,7 +8,7 @@ declare const _default: {
|
|
8
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>;
|
@@ -32,7 +32,7 @@ declare const _default: {
|
|
32
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>;
|
@@ -53,7 +53,7 @@ declare const _default: {
|
|
53
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,7 +66,7 @@ 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
71
|
size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
|
72
72
|
toned?: boolean;
|
@@ -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;
|
@@ -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",
|