@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.
Files changed (31) hide show
  1. package/internal-do-not-import-from-here/core/utils/Utils.d.ts +2 -1
  2. package/internal-do-not-import-from-here/stores/DefineStore.d.ts +1 -68
  3. package/internal-do-not-import-from-here/ux/admin/usermanagement/loc/localize.d.ts +1 -1
  4. package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/blades/SelectBreakpointBlade.d.ts +16 -0
  5. package/internal-do-not-import-from-here/ux/aurora/admin/blades/typography/store/TypographyEditorStore.d.ts +105 -44
  6. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/store/TextStylePickerStore.d.ts +0 -1
  7. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyBlueprintsViewer.d.ts +6 -4
  8. package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyEditor.d.ts +7 -17
  9. package/internal-do-not-import-from-here/ux/aurora/components/typography/components/TypographyFillRenderer.d.ts +1 -1
  10. package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyEditorStore.d.ts +63 -0
  11. package/internal-do-not-import-from-here/ux/aurora/components/typography/store/TypographyViewerStore.d.ts +45 -0
  12. package/internal-do-not-import-from-here/ux/aurora/designkits/documentation/themes/BlueprintsTypography.d.ts +19 -103
  13. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintManager.d.ts +3 -0
  14. package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts +1 -1
  15. package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts +45 -10
  16. package/internal-do-not-import-from-here/ux/flow/editor/plugins/colorstyle/ColorButton.d.ts +2 -2
  17. package/internal-do-not-import-from-here/ux/flow/editor/plugins/link/LinkButton.d.ts +2 -2
  18. package/internal-do-not-import-from-here/ux/flow/editor/plugins/spacing/SpacingButton.d.ts +2 -2
  19. package/internal-do-not-import-from-here/ux/flow/editor/plugins/typography/TypographyButton.d.ts +2 -2
  20. package/internal-do-not-import-from-here/ux/markdown/MarkdownEditor.d.ts +4 -4
  21. package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts +4 -4
  22. package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Delimiter.d.ts +2 -2
  23. package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts +1 -1
  24. package/internal-do-not-import-from-here/ux/oxide/column/ColumnGrid.d.ts +1 -1
  25. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +1 -1
  26. package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts +1 -1
  27. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +2 -2
  28. package/internal-do-not-import-from-here/ux/properties/builtins/birthday/BirthdayEditor.d.ts +1 -1
  29. package/internal-do-not-import-from-here/ux/properties/builtins/date/DateEditor.d.ts +1 -1
  30. package/internal-do-not-import-from-here/ux/properties/builtins/date-time/DateTimeEditor.d.ts +1 -1
  31. 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
- import { defineFactory, MessageBusExposeOnlySubscription, SetupFactoryContext } from "../core";
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
- RefreshTokens: string;
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 { FillDefinition, guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant } from "@omnia/fx-models";
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
- editingType: TextStyleType;
9
- styleEditVariant: "system-styles" | "custom-styles";
10
- selectedTypography: {
15
+ editing: {
11
16
  type: TextStyleType;
12
- size: TextStyleSizes;
13
- definition: TextStyleDefinition;
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
- editingType: TextStyleType;
24
- styleEditVariant: "system-styles" | "custom-styles";
25
- selectedTypography: {
33
+ editing: {
26
34
  type: TextStyleType;
27
- size: TextStyleSizes;
28
- definition: TextStyleDefinition;
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
- setSelectedDefinition(type: TextStyleType, size: TextStyleSizes): void;
39
- addVariant(variantType: TextStyleType): BlueprintVariant;
40
- deleteEditingVariant(): void;
41
- updateSelectedDefinition(): void;
42
- editBlueprints(blueprints: ITemplateRegistration<TypographyBlueprint>): void;
43
- addBlueprints(): void;
44
- copyBlueprint(blueprint: TypographyBlueprint): void;
45
- setFont(font: {
46
- family: string;
47
- cdn?: string;
48
- manifestId?: guid;
49
- }): void;
50
- setFontForTypoType(font: TypographyFontDefinition): void;
51
- setFontForTypoTypeSize(font: TypographyFontDefinition): void;
52
- saveTenantAvailableFont(): Promise<boolean>;
53
- save(): Promise<boolean>;
54
- delete(): Promise<boolean>;
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
- scaleSettings: {
58
- values: {
59
- scale: (type: "sm" | "md" | "lg") => number;
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<FillDefinition> | import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
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?: TextStyleDefinition;
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?: TextStyleDefinition;
78
- l?: TextStyleDefinition;
119
+ xl: TextStyleDefinition;
120
+ l: TextStyleDefinition;
79
121
  m: TextStyleDefinition;
80
- s?: TextStyleDefinition;
81
- xs?: TextStyleDefinition;
122
+ s: TextStyleDefinition;
123
+ xs: TextStyleDefinition;
82
124
  font?: TypographyFontRef;
83
125
  } | {
84
126
  xl?: TextStyleDefinition;
85
- l?: TextStyleDefinition;
127
+ l: TextStyleDefinition;
86
128
  m: TextStyleDefinition;
87
- s?: TextStyleDefinition;
88
- xs?: TextStyleDefinition;
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 {};
@@ -22,7 +22,6 @@ export declare const useTextStylePickerStore: () => {
22
22
  titleStyles: ThemedTextStyleValue[];
23
23
  textStyles: ThemedTextStyleValue[];
24
24
  variantStyles: ThemedTextStyleValue[];
25
- navigationStyles: ThemedTextStyleValue[];
26
25
  };
27
26
  } & {
28
27
  dispose?: () => void;
@@ -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: "title" | "text" | "navigation" | "label" | "variants" | "fills", size: TextStyleSizes) => any;
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;
@@ -14,11 +14,8 @@ declare const _default: {
14
14
  sampleText: {
15
15
  type: import("vue").PropType<string>;
16
16
  };
17
- forceCustomSize: {
18
- type: import("vue").PropType<boolean>;
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
- forceCustomSize: {
116
- type: import("vue").PropType<boolean>;
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
- forceCustomSize: {
209
- type: import("vue").PropType<boolean>;
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
- enableName?: boolean;
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: "title" | "text" | "navigation" | "label" | "variants" | "fills", size: TextStyleSizes) => any;
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 { FillDefinition, TypographyBlueprint, TextStyleDefinition, TypographyFontRef, guid } from "@omnia/fx-models";
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?: TypographyFontRef;
9
- fills?: {
10
- variant1?: FillDefinition;
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
- title: {
23
- xl: {
24
- lg: {
25
- size: number;
26
- lineHeight: number;
27
- weight: number;
28
- };
29
- };
30
- l: {
31
- lg: {
32
- size: number;
33
- lineHeight: number;
34
- weight: number;
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
- title: {
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
- text: {
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
- navigation: {
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
- link: {
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
- title: {
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
- text: {
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
- navigation: {
80
+ text: {
81
+ xl: string;
58
82
  l: string;
59
83
  m: string;
84
+ s: string;
85
+ xs: string;
60
86
  };
61
- link: {
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("../../../../../stores").StoreEvents<{
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("../../../../../stores").StoreReturnDefineAction<{
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("../../../../../stores").StoreEvents<{
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("../../../../../stores").StoreReturnDefineAction<{
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("../../../../../stores").StoreEvents<{
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("../../../../../stores").StoreReturnDefineAction<{
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("../../../../../stores").StoreEvents<{
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("../../../../../stores").StoreReturnDefineAction<{
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<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
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<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
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<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
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?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes;
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<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
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<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
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<"title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes>;
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?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | TextStyleTypes;
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("../../../../stores").StoreEvents<{}, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
18
- actions: import("../../../../stores").StoreReturnDefineAction<{
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" | "navigation" | "icon" | "variant" | "filled" | "id" | "class" | "absolute" | "colorSchemaType" | "closable" | "emit:click:navigation" | "colors" | "subTitle" | "emit:click:close" | "navigationExpanded" | "slot:actionButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
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" | "alignSelf" | "margin" | "padding" | "variant" | "filled" | "sm" | "md" | "lg" | "class" | "colorSchemaType" | "cols" | "colors" | "toned"> & import("@omnia/fx/ux").VNodeEvents) => any;
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
- }, "navigation" | "actions" | "header" | "activator" | "fixedContent" | "headerButtons">;
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, "navigation" | "variant" | "drag" | "class" | "nav" | "colorSchemaType" | "modelValue" | "remove" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "lines" | "divider" | "itemValue" | "disableItemClickable" | "slot:item"> & import("@omnia/fx/ux").VNodeEvents) => any;
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 is 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.">;
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;
@@ -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
  } & {
@@ -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.402-dev",
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.402-dev",
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",