@omnia/fx 8.0.55-vnext → 8.0.57-vnext

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 (43) hide show
  1. package/internal-do-not-import-from-here/shared/models/OmniaSharedBootstrapData.d.ts +2 -0
  2. package/internal-do-not-import-from-here/shared/models/Tokens.d.ts +2 -1
  3. package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.css.d.ts +7 -0
  4. package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts +209 -0
  5. package/internal-do-not-import-from-here/ux/filterpicker/docs/ExampleComponents.d.ts +1 -0
  6. package/internal-do-not-import-from-here/ux/filterpicker/docs/SampleComponent.d.ts +91 -0
  7. package/internal-do-not-import-from-here/ux/filterpicker/docs/index.d.ts +1 -0
  8. package/internal-do-not-import-from-here/ux/layoutcanvas/stores/VelcronDefinitionStore.d.ts +5 -0
  9. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/cards/Image_top_blog.d.ts +2 -0
  10. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/cards/News_Image_Small.d.ts +3 -0
  11. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/cards/News_Image_Top.d.ts +2 -0
  12. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/cards/index.d.ts +3 -0
  13. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Contentblocks.d.ts +1 -6
  14. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Image.d.ts +2 -0
  15. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Image_text.d.ts +3 -0
  16. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Text_Quote.d.ts +2 -0
  17. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/Text_only.d.ts +2 -0
  18. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/content/index.d.ts +4 -0
  19. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/headers/index.d.ts +2 -0
  20. package/internal-do-not-import-from-here/ux/layoutcanvas/velcron_definitions/useVelcronDefinitionTemplates.d.ts +10 -5
  21. package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +11 -0
  22. package/internal-do-not-import-from-here/ux/oxide/text/Text.css.d.ts +1 -0
  23. package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts +5 -5
  24. package/internal-do-not-import-from-here/ux/theming-v2/ColorManager.d.ts +1 -1
  25. package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaManager.d.ts +1 -1
  26. package/internal-do-not-import-from-here/ux/theming-v2/ThemeContextStore.d.ts +24 -24
  27. package/internal-do-not-import-from-here/ux/theming-v2/ThemeStoreV2.d.ts +3 -3
  28. package/internal-do-not-import-from-here/ux/theming-v2/index.d.ts +1 -0
  29. package/internal-do-not-import-from-here/ux/theming-v2/styling/UseThemeStyling.d.ts +9 -9
  30. package/internal-do-not-import-from-here/ux/theming-v2/themes/Blueprints.d.ts +3 -3
  31. package/internal-do-not-import-from-here/ux/theming-v2/themes/SpacingTypes.d.ts +8 -0
  32. package/internal-do-not-import-from-here/ux/theming-v2/themes/ThemeDefinitions.d.ts +41 -0
  33. package/internal-do-not-import-from-here/ux/theming-v2/themes/TypographyTypes.d.ts +192 -0
  34. package/internal-do-not-import-from-here/ux/theming-v2/themes/index.d.ts +1 -1
  35. package/internal-do-not-import-from-here/ux/use/UseBlueprintSetup.d.ts +3 -3
  36. package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts +3 -3
  37. package/internal-do-not-import-from-here/ux/use/UseVueInstance.d.ts +2 -3
  38. package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/DefinitionPickerPanel.css.d.ts +1 -0
  39. package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/DefinitionPicker.css.d.ts +1 -0
  40. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +13 -13
  41. package/internal-do-not-import-from-here/wctypings.d.ts +2 -0
  42. package/package.json +2 -2
  43. package/internal-do-not-import-from-here/ux/theming-v2/themes/Themes.d.ts +0 -19
@@ -2,7 +2,7 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
2
2
  state: {
3
3
  defaultTheme: {
4
4
  state: {
5
- currentTheme: import("./themes").ThemeDefinitionInstance;
5
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
6
6
  };
7
7
  get: {
8
8
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -19,14 +19,14 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
19
19
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
20
20
  };
21
21
  events: {
22
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
23
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
22
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
23
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
24
24
  };
25
25
  deactivated(): void;
26
26
  };
27
27
  adminTheme: {
28
28
  state: {
29
- currentTheme: import("./themes").ThemeDefinitionInstance;
29
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
30
30
  };
31
31
  get: {
32
32
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -43,8 +43,8 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
43
43
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
44
44
  };
45
45
  events: {
46
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
47
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
46
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
47
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
48
48
  };
49
49
  deactivated(): void;
50
50
  };
@@ -52,7 +52,7 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
52
52
  get: {
53
53
  readonly defaultTheme: {
54
54
  state: {
55
- currentTheme: import("./themes").ThemeDefinitionInstance;
55
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
56
56
  };
57
57
  get: {
58
58
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -69,14 +69,14 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
69
69
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
70
70
  };
71
71
  events: {
72
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
73
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
72
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
73
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
74
74
  };
75
75
  deactivated(): void;
76
76
  };
77
77
  readonly adminTheme: {
78
78
  state: {
79
- currentTheme: import("./themes").ThemeDefinitionInstance;
79
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
80
80
  };
81
81
  get: {
82
82
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -93,8 +93,8 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
93
93
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
94
94
  };
95
95
  events: {
96
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
97
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
96
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
97
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
98
98
  };
99
99
  deactivated(): void;
100
100
  };
@@ -103,7 +103,7 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
103
103
  events: {
104
104
  onMutatingDefaultTheme: import("@omnia/fx").EventHook<{
105
105
  state: {
106
- currentTheme: import("./themes").ThemeDefinitionInstance;
106
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
107
107
  };
108
108
  get: {
109
109
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -120,14 +120,14 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
120
120
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
121
121
  };
122
122
  events: {
123
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
124
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
123
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
124
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
125
125
  };
126
126
  deactivated(): void;
127
127
  }>;
128
128
  onMutatedDefaultTheme: import("@omnia/fx").EventHook<{
129
129
  state: {
130
- currentTheme: import("./themes").ThemeDefinitionInstance;
130
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
131
131
  };
132
132
  get: {
133
133
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -144,14 +144,14 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
144
144
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
145
145
  };
146
146
  events: {
147
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
148
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
147
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
148
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
149
149
  };
150
150
  deactivated(): void;
151
151
  }>;
152
152
  onMutatingAdminTheme: import("@omnia/fx").EventHook<{
153
153
  state: {
154
- currentTheme: import("./themes").ThemeDefinitionInstance;
154
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
155
155
  };
156
156
  get: {
157
157
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -168,14 +168,14 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
168
168
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
169
169
  };
170
170
  events: {
171
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
172
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
171
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
172
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
173
173
  };
174
174
  deactivated(): void;
175
175
  }>;
176
176
  onMutatedAdminTheme: import("@omnia/fx").EventHook<{
177
177
  state: {
178
- currentTheme: import("./themes").ThemeDefinitionInstance;
178
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
179
179
  };
180
180
  get: {
181
181
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -192,8 +192,8 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
192
192
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
193
193
  };
194
194
  events: {
195
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
196
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
195
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
196
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
197
197
  };
198
198
  deactivated(): void;
199
199
  }>;
@@ -1,7 +1,7 @@
1
1
  import { BlueprintType, BlueprintTypes, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
2
2
  export declare const useThemeStoreV2: (newInstanceWithName?: string) => {
3
3
  state: {
4
- currentTheme: import("./themes/Themes").ThemeDefinitionInstance;
4
+ currentTheme: ThemeDefinitionV2;
5
5
  };
6
6
  get: {
7
7
  colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -18,8 +18,8 @@ export declare const useThemeStoreV2: (newInstanceWithName?: string) => {
18
18
  setTheme: (themeDefinition: ThemeDefinitionV2) => void;
19
19
  };
20
20
  events: {
21
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
22
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
21
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<ThemeDefinitionV2>;
22
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<ThemeDefinitionV2>;
23
23
  };
24
24
  deactivated(): void;
25
25
  };
@@ -1,6 +1,7 @@
1
1
  export * from "./themes";
2
2
  export * from "./ColorManager";
3
3
  export * from "./ThemeStoreV2";
4
+ export * from "./ThemeDefinitionStoreV2";
4
5
  export * from "./styling";
5
6
  export * from "./ColorSchemaStore";
6
7
  export * from "./ColorSchemaManager";
@@ -43,7 +43,7 @@ export declare function useThemeStyling(): {
43
43
  setBlueprint: (type: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => void;
44
44
  setThemeStore: (themeStoreInstance: {
45
45
  state: {
46
- currentTheme: import("..").ThemeDefinitionInstance;
46
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
47
47
  };
48
48
  get: {
49
49
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -60,8 +60,8 @@ export declare function useThemeStyling(): {
60
60
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
61
61
  };
62
62
  events: {
63
- onMutatingCurrentTheme: import("../../..").EventHook<import("..").ThemeDefinitionInstance>;
64
- onMutatedCurrentTheme: import("../../..").EventHook<import("..").ThemeDefinitionInstance>;
63
+ onMutatingCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
64
+ onMutatedCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
65
65
  };
66
66
  deactivated(): void;
67
67
  }) => void;
@@ -97,7 +97,7 @@ export declare function useThemeStyling(): {
97
97
  setBlueprint: (type: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => void;
98
98
  setThemeStore: (themeStoreInstance: {
99
99
  state: {
100
- currentTheme: import("..").ThemeDefinitionInstance;
100
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
101
101
  };
102
102
  get: {
103
103
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -114,8 +114,8 @@ export declare function useThemeStyling(): {
114
114
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
115
115
  };
116
116
  events: {
117
- onMutatingCurrentTheme: import("../../..").EventHook<import("..").ThemeDefinitionInstance>;
118
- onMutatedCurrentTheme: import("../../..").EventHook<import("..").ThemeDefinitionInstance>;
117
+ onMutatingCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
118
+ onMutatedCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
119
119
  };
120
120
  deactivated(): void;
121
121
  }) => void;
@@ -148,7 +148,7 @@ export declare function useThemeStyling(): {
148
148
  setBlueprint: (type: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => void;
149
149
  setThemeStore: (themeStoreInstance: {
150
150
  state: {
151
- currentTheme: import("..").ThemeDefinitionInstance;
151
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
152
152
  };
153
153
  get: {
154
154
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -165,8 +165,8 @@ export declare function useThemeStyling(): {
165
165
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
166
166
  };
167
167
  events: {
168
- onMutatingCurrentTheme: import("../../..").EventHook<import("..").ThemeDefinitionInstance>;
169
- onMutatedCurrentTheme: import("../../..").EventHook<import("..").ThemeDefinitionInstance>;
168
+ onMutatingCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
169
+ onMutatedCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
170
170
  };
171
171
  deactivated(): void;
172
172
  }) => void;
@@ -2,15 +2,15 @@ import { BlueprintDefinition, BlueprintItemDefinition, Guid } from "@omnia/fx-mo
2
2
  export declare class MD1Blueprint implements BlueprintDefinition {
3
3
  id: Guid;
4
4
  definitions: Array<BlueprintItemDefinition>;
5
- constructor();
5
+ constructor(preview?: boolean);
6
6
  }
7
7
  export declare class MD2Blueprint implements BlueprintDefinition {
8
8
  id: Guid;
9
9
  definitions: Array<BlueprintItemDefinition>;
10
- constructor();
10
+ constructor(preview?: boolean);
11
11
  }
12
12
  export declare class MD3Blueprint implements BlueprintDefinition {
13
13
  id: Guid;
14
14
  definitions: Array<BlueprintItemDefinition>;
15
- constructor();
15
+ constructor(preview?: boolean);
16
16
  }
@@ -15,3 +15,11 @@ export declare class DefaultInnerSpacing implements SpacingDefinition {
15
15
  l: number;
16
16
  xl: number;
17
17
  }
18
+ export declare class PreviewInnerSpacing implements SpacingDefinition {
19
+ id: Guid;
20
+ xs: number;
21
+ s: number;
22
+ m: number;
23
+ l: number;
24
+ xl: number;
25
+ }
@@ -0,0 +1,41 @@
1
+ import { ColorSchema, ColorSchemas, ThemeDefinitionV2, Guid, BluePrintDefinitions } from "@omnia/fx-models";
2
+ export declare function useThemeDefinitions(): {
3
+ editor: {
4
+ readonly dark: ThemeDefinitionV2;
5
+ readonly light: ThemeDefinitionV2;
6
+ };
7
+ documentation: {
8
+ readonly dark: ThemeDefinitionV2;
9
+ };
10
+ componentPreview: {
11
+ readonly dark: ThemeDefinitionV2;
12
+ readonly darkMini: ThemeDefinitionV2;
13
+ };
14
+ readonly darkKnight: ThemeDefinitionV2;
15
+ readonly black: ThemeDefinitionV2;
16
+ readonly bumbleBee: ThemeDefinitionV2;
17
+ readonly cyberPunk: ThemeDefinitionV2;
18
+ readonly coffe: ThemeDefinitionV2;
19
+ readonly light: ThemeDefinitionV2;
20
+ readonly dark: ThemeDefinitionV2;
21
+ createNew: (primary: string | ColorSchema, secondary: string | ColorSchema, accent1: string | ColorSchema, accent2: string | ColorSchema, accent3: string | ColorSchema, neutral: string | ColorSchema, background: string | ColorSchema, info: string | ColorSchema, error: string | ColorSchema, name: string, dark: boolean, id: Guid, blueprints: BluePrintDefinitions) => ThemeDefinitionInstance;
22
+ };
23
+ export declare class ThemeDefinitionInstance implements ThemeDefinitionV2 {
24
+ id: Guid;
25
+ colors: ColorSchemas;
26
+ blueprints: BluePrintDefinitions;
27
+ dark: boolean;
28
+ name: string;
29
+ constructor(primary: string | ColorSchema, secondary: string | ColorSchema, accent1: string | ColorSchema, accent2: string | ColorSchema, accent3: string | ColorSchema, neutral: string | ColorSchema, background: string | ColorSchema, info: string | ColorSchema, error: string | ColorSchema, name: string, dark: boolean, id: Guid, blueprints: BluePrintDefinitions);
30
+ }
31
+ export declare function darkKnightDefinition(): ThemeDefinitionInstance;
32
+ export declare function componentPreviewDefinition(mini: boolean): ThemeDefinitionInstance;
33
+ export declare function documentationDefinition(): ThemeDefinitionInstance;
34
+ export declare function darkEditorDefinition(): ThemeDefinitionInstance;
35
+ export declare function lightEditorDefinition(): ThemeDefinitionInstance;
36
+ export declare function blackDefinition(): ThemeDefinitionInstance;
37
+ export declare function bumbleBeeDefinition(): ThemeDefinitionInstance;
38
+ export declare function cyberPunkDefinition(): ThemeDefinitionInstance;
39
+ export declare function coffeDefinition(): ThemeDefinitionInstance;
40
+ export declare function lightThemeDefinition(): ThemeDefinitionInstance;
41
+ export declare function darkThemeDefinition(): ThemeDefinitionInstance;
@@ -191,3 +191,195 @@ export declare class EditorTypography implements TypographyDefinition {
191
191
  };
192
192
  };
193
193
  }
194
+ export declare class PreviewTypography implements TypographyDefinition {
195
+ id: Guid;
196
+ title: {
197
+ xl: {
198
+ large: {
199
+ size: number;
200
+ lineHeight: number;
201
+ weight: number;
202
+ };
203
+ };
204
+ l: {
205
+ large: {
206
+ size: number;
207
+ lineHeight: number;
208
+ weight: number;
209
+ };
210
+ };
211
+ m: {
212
+ large: {
213
+ size: number;
214
+ lineHeight: number;
215
+ weight: number;
216
+ };
217
+ };
218
+ s: {
219
+ large: {
220
+ size: number;
221
+ lineHeight: number;
222
+ weight: number;
223
+ };
224
+ };
225
+ xs: {
226
+ large: {
227
+ size: number;
228
+ lineHeight: number;
229
+ weight: number;
230
+ };
231
+ };
232
+ };
233
+ text: {
234
+ l: {
235
+ large: {
236
+ size: number;
237
+ lineHeight: number;
238
+ weight: number;
239
+ };
240
+ };
241
+ m: {
242
+ large: {
243
+ size: number;
244
+ lineHeight: number;
245
+ weight: number;
246
+ };
247
+ };
248
+ s: {
249
+ large: {
250
+ size: number;
251
+ lineHeight: number;
252
+ weight: number;
253
+ };
254
+ };
255
+ xs: {
256
+ large: {
257
+ size: number;
258
+ lineHeight: number;
259
+ weight: number;
260
+ };
261
+ };
262
+ };
263
+ navigation: {
264
+ l: {
265
+ large: {
266
+ size: number;
267
+ lineHeight: number;
268
+ weight: number;
269
+ };
270
+ };
271
+ m: {
272
+ large: {
273
+ size: number;
274
+ lineHeight: number;
275
+ weight: number;
276
+ };
277
+ };
278
+ };
279
+ link: {
280
+ m: {
281
+ decoration: string;
282
+ large: {
283
+ size: number;
284
+ lineHeight: number;
285
+ weight: number;
286
+ };
287
+ };
288
+ };
289
+ }
290
+ export declare class PreviewMiniTypography implements TypographyDefinition {
291
+ id: Guid;
292
+ title: {
293
+ xl: {
294
+ large: {
295
+ size: number;
296
+ lineHeight: number;
297
+ weight: number;
298
+ };
299
+ };
300
+ l: {
301
+ large: {
302
+ size: number;
303
+ lineHeight: number;
304
+ weight: number;
305
+ };
306
+ };
307
+ m: {
308
+ large: {
309
+ size: number;
310
+ lineHeight: number;
311
+ weight: number;
312
+ };
313
+ };
314
+ s: {
315
+ large: {
316
+ size: number;
317
+ lineHeight: number;
318
+ weight: number;
319
+ };
320
+ };
321
+ xs: {
322
+ large: {
323
+ size: number;
324
+ lineHeight: number;
325
+ weight: number;
326
+ };
327
+ };
328
+ };
329
+ text: {
330
+ l: {
331
+ large: {
332
+ size: number;
333
+ lineHeight: number;
334
+ weight: number;
335
+ };
336
+ };
337
+ m: {
338
+ large: {
339
+ size: number;
340
+ lineHeight: number;
341
+ weight: number;
342
+ };
343
+ };
344
+ s: {
345
+ large: {
346
+ size: number;
347
+ lineHeight: number;
348
+ weight: number;
349
+ };
350
+ };
351
+ xs: {
352
+ large: {
353
+ size: number;
354
+ lineHeight: number;
355
+ weight: number;
356
+ };
357
+ };
358
+ };
359
+ navigation: {
360
+ l: {
361
+ large: {
362
+ size: number;
363
+ lineHeight: number;
364
+ weight: number;
365
+ };
366
+ };
367
+ m: {
368
+ large: {
369
+ size: number;
370
+ lineHeight: number;
371
+ weight: number;
372
+ };
373
+ };
374
+ };
375
+ link: {
376
+ m: {
377
+ decoration: string;
378
+ large: {
379
+ size: number;
380
+ lineHeight: number;
381
+ weight: number;
382
+ };
383
+ };
384
+ };
385
+ }
@@ -1,4 +1,4 @@
1
1
  export * from "./Colors";
2
- export * from "./Themes";
3
2
  export * from "./TypographyTypes";
4
3
  export * from "./Blueprints";
4
+ export * from "./ThemeDefinitions";
@@ -17,7 +17,7 @@ export declare function useBlueprintSetup(props: object): {
17
17
  setBlueprint: (type: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => void;
18
18
  setThemeStore: (themeStoreInstance: {
19
19
  state: {
20
- currentTheme: import("..").ThemeDefinitionInstance;
20
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
21
21
  };
22
22
  get: {
23
23
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -34,8 +34,8 @@ export declare function useBlueprintSetup(props: object): {
34
34
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
35
35
  };
36
36
  events: {
37
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("..").ThemeDefinitionInstance>;
38
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("..").ThemeDefinitionInstance>;
37
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
38
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
39
39
  };
40
40
  deactivated(): void;
41
41
  }) => void;
@@ -27,7 +27,7 @@ export declare function useColorSchemaSetup(props: object): {
27
27
  setColorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, container?: boolean) => void;
28
28
  setThemeStore: (themeStoreInstance: {
29
29
  state: {
30
- currentTheme: import("../theming-v2").ThemeDefinitionInstance;
30
+ currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
31
31
  };
32
32
  get: {
33
33
  colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
@@ -44,8 +44,8 @@ export declare function useColorSchemaSetup(props: object): {
44
44
  setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
45
45
  };
46
46
  events: {
47
- onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
48
- onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
47
+ onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
48
+ onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
49
49
  };
50
50
  deactivated(): void;
51
51
  }) => void;
@@ -1,13 +1,12 @@
1
1
  import { GuidValue } from "@omnia/fx-models";
2
- import { VNodeArrayChildren, VNodeProps } from "vue";
3
- import { VNode } from "vue";
2
+ import { VNodeArrayChildren, VNodeProps, VNode } from "vue";
4
3
  type RawProps = VNodeProps & {
5
4
  __v_isVNode?: never;
6
5
  [Symbol.iterator]?: never;
7
6
  } & Record<string, any>;
8
7
  type RawChildren = string | number | boolean | VNode | VNodeArrayChildren | (() => any);
9
8
  export declare function useCurrentVueInstance(): import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
10
- export declare function useCreateVueNode(element: string | GuidValue, props?: RawProps, children?: () => RawChildren, onComponentCreated?: (instance: any) => void): VNode;
9
+ export declare function createVueNode(element: string | GuidValue, props?: RawProps, children?: () => RawChildren, onComponentCreated?: (instance: any) => void): VNode;
11
10
  export declare function useTransformVSlot(slots: {
12
11
  [name: string]: (ref?: any) => Array<JSX.Element>;
13
12
  }): {
@@ -1,4 +1,5 @@
1
1
  export declare const DefinitionPickerPanelStyles: {
2
+ filterWrapper: string;
2
3
  cardWrapper: string;
3
4
  hoverAnimation: string;
4
5
  wrapper: string;
@@ -1,3 +1,4 @@
1
1
  export declare const DefinitionPickerStyles: {
2
+ filterWrapper: string;
2
3
  cardWrapper: string;
3
4
  };