@omnia/fx 8.0.403-dev → 8.0.404-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) 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 +94 -61
  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 +4 -4
  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 +1 -1
  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 +0 -108
  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/styles/Typography.d.ts +43 -8
  15. package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts +4 -4
  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 +8 -8
  21. package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts +8 -8
  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/panel/store/PanelStore.d.ts +2 -2
  28. package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts +2 -2
  29. package/internal-do-not-import-from-here/ux/properties/builtins/birthday/BirthdayEditor.d.ts +1 -1
  30. package/internal-do-not-import-from-here/ux/properties/builtins/date/DateEditor.d.ts +1 -1
  31. package/internal-do-not-import-from-here/ux/properties/builtins/date-time/DateTimeEditor.d.ts +1 -1
  32. 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,85 +1,107 @@
1
- import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon } from "@omnia/fx-models";
1
+ import { guid, ITemplateRegistration, TypographyBlueprint, TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyFontDefinition, IFontBlueprints, TypographyFontRef, BlueprintVariant, FontAwesomeIcon, TypographyBreakpoint } from "@omnia/fx-models";
2
2
  export interface BreakpointItem {
3
3
  icon: FontAwesomeIcon;
4
4
  title: string;
5
- active: boolean;
6
- breakpoint: "sm" | "md" | "lg";
5
+ subTitle: string;
6
+ scale: TypographyBreakpoint;
7
7
  }
8
+ type StyleVariant = "system-styles" | "custom-styles" | "type-scale";
8
9
  export declare const useTypographyEditorStore: () => {
9
10
  state: {
10
11
  blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
11
12
  availableFonts: ITemplateRegistration<IFontBlueprints>;
12
13
  blueprint: TypographyBlueprint;
13
14
  editMode: boolean;
14
- editingType: TextStyleType;
15
- styleEditVariant: "system-styles" | "custom-styles";
16
- selectedTypography: {
15
+ editing: {
17
16
  type: TextStyleType;
18
- size: TextStyleSizes;
19
- definition: TextStyleDefinition;
17
+ styleVariant: StyleVariant;
18
+ };
19
+ selected: {
20
+ typography: {
21
+ type: TextStyleType;
22
+ size: TextStyleSizes;
23
+ definition: TextStyleDefinition;
24
+ };
25
+ breakpoint: BreakpointItem;
20
26
  };
21
- selectedBreakpoint: BreakpointItem;
22
27
  };
23
28
  events: import("@omnia/fx/stores").StoreEvents<{
24
29
  blueprintRegistration: ITemplateRegistration<TypographyBlueprint>;
25
30
  availableFonts: ITemplateRegistration<IFontBlueprints>;
26
31
  blueprint: TypographyBlueprint;
27
32
  editMode: boolean;
28
- editingType: TextStyleType;
29
- styleEditVariant: "system-styles" | "custom-styles";
30
- selectedTypography: {
33
+ editing: {
31
34
  type: TextStyleType;
32
- size: TextStyleSizes;
33
- definition: TextStyleDefinition;
35
+ styleVariant: StyleVariant;
36
+ };
37
+ selected: {
38
+ typography: {
39
+ type: TextStyleType;
40
+ size: TextStyleSizes;
41
+ definition: TextStyleDefinition;
42
+ };
43
+ breakpoint: BreakpointItem;
34
44
  };
35
- selectedBreakpoint: BreakpointItem;
36
45
  }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
37
46
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
47
+ styles(): {
48
+ edit: (type: StyleVariant) => void;
49
+ };
50
+ typeScale(): {
51
+ update: {
52
+ scale(value: number): void;
53
+ baseFontSize(value: number): void;
54
+ lineHeightMultiplier(value: number): void;
55
+ };
56
+ ativateBreakpoint(value: boolean): void;
57
+ };
38
58
  calculate(): {
39
59
  editingDefinitionFromBaseStyles(): void;
40
60
  baseScale(): void;
41
61
  };
42
- setSelectedDefinition(type: TextStyleType, size: TextStyleSizes): void;
43
- addVariant(variantType: TextStyleType): BlueprintVariant;
44
- deleteEditingVariant(): void;
45
- updateSelectedDefinition(): void;
46
- editBlueprints(blueprints: ITemplateRegistration<TypographyBlueprint>): void;
47
- addBlueprints(): void;
48
- copyBlueprint(blueprint: TypographyBlueprint): void;
49
- setFont(font: {
50
- family: string;
51
- cdn?: string;
52
- manifestId?: guid;
53
- }): void;
54
- setFontForTypoType(font: TypographyFontDefinition): void;
55
- setFontForTypoTypeSize(font: TypographyFontDefinition): void;
56
- saveTenantAvailableFont(): Promise<boolean>;
57
- save(): Promise<boolean>;
58
- 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>;
59
95
  }>;
60
96
  get: {
61
- scaleSettings: {
62
- values: {
63
- scale: (type: "sm" | "md" | "lg") => number;
97
+ typeScale: {
98
+ active: {
99
+ readonly scale: number;
100
+ readonly baseFontSize: number;
101
+ readonly lineHeight: number;
64
102
  };
65
103
  };
66
- definitionType: () => import("@omnia/fx-models").VariantBlueprints<import("@omnia/fx-models").FillDefinition> | {
67
- baseFontSize?: import("@omnia/fx-models").BaseScaleBreakpoint;
68
- scale?: import("@omnia/fx-models").BaseScaleBreakpoint;
69
- lineHeightMultiplier?: import("@omnia/fx-models").BaseScaleBreakpoint;
70
- styles: {
71
- s1: TextStyleDefinition;
72
- s2: TextStyleDefinition;
73
- s3: TextStyleDefinition;
74
- s4: TextStyleDefinition;
75
- s5: TextStyleDefinition;
76
- s6: TextStyleDefinition;
77
- s7: TextStyleDefinition;
78
- s8: TextStyleDefinition;
79
- s9: TextStyleDefinition;
80
- s10: TextStyleDefinition;
81
- };
82
- } | import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
104
+ definitionType: () => import("@omnia/fx-models").VariantBlueprints<TextStyleDefinition> | {
83
105
  xl: TextStyleDefinition;
84
106
  l: TextStyleDefinition;
85
107
  m: TextStyleDefinition;
@@ -87,25 +109,32 @@ export declare const useTypographyEditorStore: () => {
87
109
  xs: TextStyleDefinition;
88
110
  font?: TypographyFontRef;
89
111
  } | {
90
- xl?: TextStyleDefinition;
112
+ xl: TextStyleDefinition;
91
113
  l: TextStyleDefinition;
92
114
  m: TextStyleDefinition;
93
115
  s: TextStyleDefinition;
94
116
  xs: TextStyleDefinition;
95
117
  font?: TypographyFontRef;
96
118
  } | {
97
- xl?: TextStyleDefinition;
98
- l?: TextStyleDefinition;
119
+ xl: TextStyleDefinition;
120
+ l: TextStyleDefinition;
99
121
  m: TextStyleDefinition;
100
- s?: TextStyleDefinition;
101
- xs?: TextStyleDefinition;
122
+ s: TextStyleDefinition;
123
+ xs: TextStyleDefinition;
102
124
  font?: TypographyFontRef;
103
125
  } | {
104
126
  xl?: TextStyleDefinition;
105
- l?: TextStyleDefinition;
127
+ l: TextStyleDefinition;
128
+ m: TextStyleDefinition;
129
+ s: TextStyleDefinition;
130
+ xs: TextStyleDefinition;
131
+ font?: TypographyFontRef;
132
+ } | {
133
+ xl: TextStyleDefinition;
134
+ l: TextStyleDefinition;
106
135
  m: TextStyleDefinition;
107
- s?: TextStyleDefinition;
108
- xs?: TextStyleDefinition;
136
+ s: TextStyleDefinition;
137
+ xs: TextStyleDefinition;
109
138
  font?: TypographyFontRef;
110
139
  };
111
140
  selectedTypoSizeFont: () => string;
@@ -117,10 +146,13 @@ export declare const useTypographyEditorStore: () => {
117
146
  editStylesBlade: guid;
118
147
  editScaleBlade: guid;
119
148
  settingsBlade: guid;
149
+ breakpointBlade: guid;
120
150
  };
121
151
  rules: {
122
152
  breakpoint: {
123
- isActive: (size: "lg" | "md" | "sm") => boolean;
153
+ isActive: (size: TypographyBreakpoint) => boolean;
154
+ readonly showEnableDisable: boolean;
155
+ readonly isEnabled: boolean;
124
156
  };
125
157
  };
126
158
  dataTypes: {
@@ -129,3 +161,4 @@ export declare const useTypographyEditorStore: () => {
129
161
  } & {
130
162
  dispose?: () => void;
131
163
  };
164
+ export {};
@@ -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" | "typeScale", 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;
@@ -15,7 +15,7 @@ declare const _default: {
15
15
  type: import("vue").PropType<string>;
16
16
  };
17
17
  textStyleType: {
18
- type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
18
+ type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
19
19
  };
20
20
  variant: {
21
21
  type: import("vue").PropType<EditorVariant>;
@@ -110,7 +110,7 @@ declare const _default: {
110
110
  type: import("vue").PropType<string>;
111
111
  };
112
112
  textStyleType: {
113
- type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
113
+ type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
114
114
  };
115
115
  variant: {
116
116
  type: import("vue").PropType<EditorVariant>;
@@ -200,7 +200,7 @@ declare const _default: {
200
200
  type: import("vue").PropType<string>;
201
201
  };
202
202
  textStyleType: {
203
- type: import("vue").PropType<"title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale">;
203
+ type: import("vue").PropType<"display" | "headline" | "title" | "text" | "label" | "variants">;
204
204
  };
205
205
  variant: {
206
206
  type: import("vue").PropType<EditorVariant>;
@@ -349,7 +349,7 @@ declare const _default: {
349
349
  "v-model"?: TextStyleDefinition;
350
350
  sampleText?: string;
351
351
  toolbarCallback?: (value: () => VNodeChild) => void;
352
- textStyleType?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale";
352
+ textStyleType?: "display" | "headline" | "title" | "text" | "label" | "variants";
353
353
  }>, "onClick:confirm"> & {
354
354
  "onClick:confirm"?: (model: TextStyleDefinition) => any;
355
355
  };
@@ -9,7 +9,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
9
9
  } & {
10
10
  themeType?: ThemeContextType;
11
11
  } & DefineEmit<"click:select", (typography: TextStyleType, size: TextStyleSizes) => true> & DefineEmit<"click:selectFill", (variant: BlueprintVariant) => true>> & {
12
- "onClick:select"?: (typography: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale", 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<{
@@ -15,7 +15,7 @@ export declare const useTypographyEditorStore: () => {
15
15
  };
16
16
  selectedBreakpoint: BreakpointItem;
17
17
  settings: {
18
- textStyleType: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale";
18
+ textStyleType: "display" | "headline" | "title" | "text" | "label" | "variants";
19
19
  };
20
20
  };
21
21
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
@@ -0,0 +1,45 @@
1
+ import { TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyBlueprint, TypographyBreakpoint } from "@omnia/fx-models";
2
+ export type ViewTypes = "type-scale" | "system-styles" | "custom-styles";
3
+ export declare const useTypographyViewerStore: () => {
4
+ state: {
5
+ blueprint: TypographyBlueprint;
6
+ viewType: ViewTypes;
7
+ breakPoint: TypographyBreakpoint;
8
+ sampleText: string;
9
+ };
10
+ actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
11
+ initState: (blueprint: TypographyBlueprint, viewType: ViewTypes, breakPoint: TypographyBreakpoint, sampleText: string) => void;
12
+ }>;
13
+ get: {
14
+ typeScale: {
15
+ definition: {
16
+ bySize: (size: any) => {
17
+ textStyleDefinition: TextStyleDefinition;
18
+ fontSize: number;
19
+ lineHeight: number;
20
+ };
21
+ fontSize: (definition: TextStyleDefinition) => number;
22
+ lineHeight: (definition: TextStyleDefinition) => number;
23
+ };
24
+ };
25
+ typographyName: (typography: TextStyleType, size: TextStyleSizes) => string;
26
+ fontSizeDisplayFormat: (fontCss: string) => string;
27
+ sampleText: (typography: TextStyleType, size: TextStyleSizes) => string;
28
+ typeStyling: (typography: TextStyleType, size: TextStyleSizes) => any;
29
+ };
30
+ rules: {
31
+ typeScale: {
32
+ isBaseSize: (size: number) => size is 4;
33
+ isSizeUsed(size: number): boolean;
34
+ };
35
+ breakpoint: {
36
+ readonly isCustomBreakpoint: boolean;
37
+ };
38
+ variants: {
39
+ isPlaceholder: (size: string) => boolean;
40
+ };
41
+ canStyleBeDisplayed: (typography: TextStyleType, size: TextStyleSizes, isVariants: boolean) => boolean;
42
+ };
43
+ } & {
44
+ dispose?: () => void;
45
+ };
@@ -27,113 +27,5 @@ export declare class DocumentationTypography implements TypographyBlueprint {
27
27
  md: number;
28
28
  sm: number;
29
29
  };
30
- styles: {
31
- s1: any;
32
- s2: any;
33
- s3: any;
34
- s4: any;
35
- s5: any;
36
- s6: any;
37
- s7: any;
38
- s8: any;
39
- s9: any;
40
- s10: any;
41
- };
42
- };
43
- title: {
44
- xl: {
45
- scale: number;
46
- lg: {
47
- weight: number;
48
- };
49
- };
50
- l: {
51
- scale: number;
52
- lg: {
53
- weight: number;
54
- };
55
- };
56
- m: {
57
- scale: number;
58
- lg: {
59
- weight: number;
60
- };
61
- };
62
- s: {
63
- scale: number;
64
- lg: {
65
- weight: number;
66
- };
67
- };
68
- xs: {
69
- scale: number;
70
- lg: {
71
- weight: number;
72
- };
73
- };
74
- };
75
- text: {
76
- xl: {
77
- scale: number;
78
- lg: {
79
- weight: number;
80
- };
81
- };
82
- l: {
83
- scale: number;
84
- lg: {
85
- weight: number;
86
- };
87
- };
88
- m: {
89
- scale: number;
90
- lg: {
91
- weight: number;
92
- };
93
- };
94
- s: {
95
- scale: number;
96
- lg: {
97
- weight: number;
98
- };
99
- };
100
- xs: {
101
- scale: number;
102
- lg: {
103
- weight: number;
104
- };
105
- };
106
- };
107
- label: {
108
- xl: {
109
- scale: number;
110
- lg: {
111
- weight: number;
112
- };
113
- };
114
- l: {
115
- scale: number;
116
- lg: {
117
- weight: number;
118
- };
119
- };
120
- m: {
121
- scale: number;
122
- lg: {
123
- weight: number;
124
- };
125
- };
126
- s: {
127
- scale: number;
128
- lg: {
129
- weight: number;
130
- };
131
- };
132
- xs: {
133
- scale: number;
134
- lg: {
135
- weight: number;
136
- };
137
- };
138
30
  };
139
31
  }
@@ -1,5 +1,8 @@
1
1
  import { TextStyleDefinition, TextStyleSizes, TextStyleType, TypographyBlueprint } from "@omnia/fx-models";
2
2
  export declare function useTypographyBlueprintManager(): {
3
+ typeScale: {
4
+ createDefinition: (blueprint: TypographyBlueprint, scaleSlot: number) => TextStyleDefinition;
5
+ };
3
6
  definition: {
4
7
  updateAllFromTypeScale(blueprint: TypographyBlueprint): TypographyBlueprint;
5
8
  updateFromBaseStyles(definition: TextStyleDefinition, type: TextStyleType, size: TextStyleSizes, blueprint: TypographyBlueprint): TextStyleDefinition;
@@ -4,25 +4,40 @@ import { useTypographyBlueprintStore } from "../../store";
4
4
  export declare namespace TypographyStyling {
5
5
  function typographyTypeStylex(typographyType: TextStyleTypes, size: TextStyleSize, blueprint: TypographyBlueprint): Readonly<import("../../../Styles.stylex").StylexValue>;
6
6
  function typographyStylex(blueprints: ReturnType<typeof useTypographyBlueprintStore>): {
7
- 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,31 +56,51 @@ 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
  }
@@ -2,7 +2,7 @@ import { DateTimeZone } from "@omnia/fx/models";
2
2
  declare const _default: {
3
3
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
4
4
  size: {
5
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
5
+ type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
6
6
  };
7
7
  showTimeZone: {
8
8
  type: import("vue").PropType<boolean>;
@@ -33,7 +33,7 @@ declare const _default: {
33
33
  Defaults: {};
34
34
  }, Readonly<import("vue").ExtractPropTypes<{
35
35
  size: {
36
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
36
+ type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
37
37
  };
38
38
  showTimeZone: {
39
39
  type: import("vue").PropType<boolean>;
@@ -61,7 +61,7 @@ declare const _default: {
61
61
  __isSuspense?: never;
62
62
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
63
63
  size: {
64
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
64
+ type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
65
65
  };
66
66
  showTimeZone: {
67
67
  type: import("vue").PropType<boolean>;
@@ -87,7 +87,7 @@ declare const _default: {
87
87
  propsDefinition: Omit<Readonly<{} & {
88
88
  label?: string;
89
89
  variant?: "time" | "date" | "date-time";
90
- size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
90
+ size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
91
91
  value?: DateTimeZone<string>;
92
92
  dateFormat?: string;
93
93
  showTimeZone?: boolean;
@@ -27,7 +27,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
27
27
  textStyle: import("@omnia/fx-models").TextBlueprint;
28
28
  };
29
29
  };
30
- events: import("../../../../../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;
@@ -12,10 +12,10 @@ declare const _default: {
12
12
  type: import("vue").PropType<TextBlueprint>;
13
13
  };
14
14
  size: {
15
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
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" | "typeScale" | 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>;
@@ -130,10 +130,10 @@ declare const _default: {
130
130
  type: import("vue").PropType<TextBlueprint>;
131
131
  };
132
132
  size: {
133
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
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" | "typeScale" | 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>;
@@ -245,10 +245,10 @@ declare const _default: {
245
245
  type: import("vue").PropType<TextBlueprint>;
246
246
  };
247
247
  size: {
248
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
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" | "typeScale" | 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,10 +408,10 @@ declare const _default: {
408
408
  };
409
409
  }>;
410
410
  };
411
- typography?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes;
411
+ typography?: "display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes;
412
412
  blueprint?: TextBlueprint;
413
413
  container?: boolean;
414
- size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
414
+ size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
415
415
  colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
416
416
  plugins?: [object];
417
417
  hideToolbar?: boolean;
@@ -5,10 +5,10 @@ declare const _default: {
5
5
  type: import("vue").PropType<TextBlueprint>;
6
6
  };
7
7
  size: {
8
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
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" | "typeScale" | 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>;
@@ -29,10 +29,10 @@ declare const _default: {
29
29
  type: import("vue").PropType<TextBlueprint>;
30
30
  };
31
31
  size: {
32
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
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" | "typeScale" | 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>;
@@ -50,10 +50,10 @@ declare const _default: {
50
50
  type: import("vue").PropType<TextBlueprint>;
51
51
  };
52
52
  size: {
53
- type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10">;
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" | "typeScale" | 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,9 +66,9 @@ declare const _default: {
66
66
  propsDefinition: Omit<Readonly<{
67
67
  value: string;
68
68
  } & {
69
- typography?: "title" | "text" | "navigation" | "label" | "variants" | "fills" | "typeScale" | TextStyleTypes;
69
+ typography?: "display" | "headline" | "title" | "text" | "label" | "variants" | TextStyleTypes;
70
70
  blueprint?: TextBlueprint;
71
- size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
71
+ size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
72
72
  toned?: boolean;
73
73
  }>, never>;
74
74
  };
@@ -14,8 +14,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
14
14
  } & {
15
15
  galleryPanelStore: {
16
16
  state: {};
17
- events: import("../../../../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;
@@ -3,7 +3,7 @@ export declare const usePanelStore: () => {
3
3
  get: {
4
4
  typography: {
5
5
  readonly type: TextStyleTypes;
6
- readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
6
+ readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
7
7
  readonly toned: boolean;
8
8
  };
9
9
  readonly margin: Spacing | SpacingValue;
@@ -16,7 +16,7 @@ export declare const usePanelStore: () => {
16
16
  padding: SpacingValue | Spacing;
17
17
  margin: SpacingValue | Spacing;
18
18
  title: string;
19
- titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8" | "scale1" | "scale2" | "scale3" | "scale4" | "scale5" | "scale6" | "scale7" | "scale8" | "scale9" | "scale10";
19
+ titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
20
20
  toned: boolean;
21
21
  };
22
22
  };
@@ -1,10 +1,10 @@
1
1
  import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
2
2
  import { ColorType, ColorTypes, OTextAlignmentTypes, TextBlueprint, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes } from "@omnia/fx/models";
3
3
  type textWrapping = "none";
4
- type TextProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TextStyleType | TextStyleTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TextStyleSize | TextStyleSizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"color", string, false, null, "Applies a specific color"> & DefineProp<"toned", boolean, false, false, "Applies a tonal color to the text."> & DefineProp<"wordBreak", textWrapping, false, null, "Specifies how the text should wrap."> & DefineProp<"as", "text" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6", false, null, "Specifies how to render the text tag"> & DefineProp<"whiteSpace", "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line", false, null, "Specifies how 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.403-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.403-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",