@omnia/fx-models 8.0.156-dev → 8.0.157-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +5 -0
- package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts +2 -0
- package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +19 -1
- package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts +3 -1
- package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +12 -16
- package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.js +19 -19
- package/package.json +1 -1
@@ -129,6 +129,11 @@ export interface BackgroundDefinition {
|
|
129
129
|
fill?: FillDefinitionValue;
|
130
130
|
border?: BorderStylingDefinition;
|
131
131
|
elevation?: number;
|
132
|
+
media?: BackgroundMedia;
|
133
|
+
}
|
134
|
+
export interface BackgroundMedia {
|
135
|
+
type: "image" | "video";
|
136
|
+
src: string;
|
132
137
|
}
|
133
138
|
export interface FillDefinition {
|
134
139
|
colors: Array<ColorValue | ColorGradientValue>;
|
@@ -1,5 +1,7 @@
|
|
1
|
+
import { ContainerBlueprint, ContainerVariant } from "./Blueprints";
|
1
2
|
import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
|
2
3
|
export declare function useThemeMethods(getThemeDefinition: () => any): {
|
4
|
+
containerBlueprint: (type: ContainerVariant | ContainerBlueprint | string) => any;
|
3
5
|
colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
|
4
6
|
color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
|
5
7
|
colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
|
@@ -1,10 +1,27 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.useThemeMethods = void 0;
|
4
|
-
//import { ThemeDefinitionInstance } from "@omnia/fx/ux";
|
5
4
|
const ThemeDefinitionV2_1 = require("./ThemeDefinitionV2");
|
6
5
|
// temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
|
7
6
|
function useThemeMethods(getThemeDefinition) {
|
7
|
+
function containerBlueprint(type) {
|
8
|
+
if (typeof type !== "string") {
|
9
|
+
return type;
|
10
|
+
}
|
11
|
+
if (type === "variant1") {
|
12
|
+
return getThemeDefinition()?.components?.containers?.variant1;
|
13
|
+
}
|
14
|
+
if (type === "variant2") {
|
15
|
+
return getThemeDefinition()?.components?.containers?.variant2;
|
16
|
+
}
|
17
|
+
if (type === "variant3") {
|
18
|
+
return getThemeDefinition()?.components?.containers?.variant2;
|
19
|
+
}
|
20
|
+
if (type === "variant4") {
|
21
|
+
return getThemeDefinition()?.components?.containers?.variant2;
|
22
|
+
}
|
23
|
+
return null;
|
24
|
+
}
|
8
25
|
function colorSchema(colorSchemaType) {
|
9
26
|
if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.primary) {
|
10
27
|
return getThemeDefinition().colors.primary;
|
@@ -88,6 +105,7 @@ function useThemeMethods(getThemeDefinition) {
|
|
88
105
|
return colorDefinition(colorSchemaType, matchingColorType);
|
89
106
|
}
|
90
107
|
return {
|
108
|
+
containerBlueprint,
|
91
109
|
colorSchema,
|
92
110
|
color,
|
93
111
|
colorDefinition,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint } from "
|
1
|
+
import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
|
2
2
|
import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
|
3
3
|
import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
|
4
4
|
import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
|
@@ -160,6 +160,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
|
|
160
160
|
direction?: VelcronBindableProp<"row" | "row-reverse">;
|
161
161
|
absolute?: VelcronSpacing;
|
162
162
|
blueprint?: ContainerBlueprint;
|
163
|
+
background?: BackgroundDefinition;
|
163
164
|
hideOverflow?: boolean;
|
164
165
|
wrap?: boolean;
|
165
166
|
gapX?: number | string;
|
@@ -194,6 +195,7 @@ export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorSt
|
|
194
195
|
editLabel?: VelcronBindableProp;
|
195
196
|
lineClamp?: VelcronBindableProp<number>;
|
196
197
|
noWrap?: VelcronBindableProp<boolean>;
|
198
|
+
wordBreak?: VelcronBindableProp<"none">;
|
197
199
|
events?: VelcronOnPressEvent & VelcronOnUpdatedEvent;
|
198
200
|
blueprint?: VelcronBindableProp<TextBlueprint>;
|
199
201
|
}
|
package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { BuiltInPropertyEditorType, TextBlueprint, TypographySize, TypographyType, VelcronSpacing, VelcronStateEditor } from "
|
1
|
+
import { BuiltInPropertyEditorType, TextBlueprint, TypographySize, TypographyType, VelcronSpacing, VelcronStateEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
|
2
2
|
import { VelcronImageRatios } from "./VelcronDefinitions";
|
3
3
|
export interface ResolvedPropertyEditor {
|
4
4
|
editor: VelcronStateEditor;
|
@@ -117,11 +117,7 @@ export interface VelcronImageState {
|
|
117
117
|
export interface VelcronStylingState {
|
118
118
|
}
|
119
119
|
export interface VelcronColorSchemasState {
|
120
|
-
main:
|
121
|
-
}
|
122
|
-
export interface VelcronColorSchemaState {
|
123
|
-
type?: string;
|
124
|
-
filled?: boolean;
|
120
|
+
main: string;
|
125
121
|
}
|
126
122
|
export declare const VelcronImagesStateBinding: {
|
127
123
|
main: {
|
@@ -153,7 +149,7 @@ export declare const VelcronHeaderStateBinding: {
|
|
153
149
|
title: {
|
154
150
|
text: string;
|
155
151
|
placeholder: string;
|
156
|
-
blueprint: import("
|
152
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
157
153
|
};
|
158
154
|
icon: string;
|
159
155
|
};
|
@@ -161,22 +157,22 @@ export declare const VelcronContentStateBinding: {
|
|
161
157
|
title: {
|
162
158
|
text: string;
|
163
159
|
placeholder: string;
|
164
|
-
blueprint: import("
|
160
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
165
161
|
};
|
166
162
|
main: {
|
167
163
|
text: string;
|
168
164
|
placeholder: string;
|
169
|
-
blueprint: import("
|
165
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
170
166
|
};
|
171
167
|
caption: {
|
172
168
|
text: string;
|
173
169
|
placeholder: string;
|
174
|
-
blueprint: import("
|
170
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
175
171
|
};
|
176
172
|
summary: {
|
177
173
|
text: string;
|
178
174
|
placeholder: string;
|
179
|
-
blueprint: import("
|
175
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
180
176
|
};
|
181
177
|
};
|
182
178
|
export declare const VelcronColorSchemasStateBinding: {
|
@@ -230,29 +226,29 @@ export declare const VelcronStateBinding: {
|
|
230
226
|
title: {
|
231
227
|
text: string;
|
232
228
|
placeholder: string;
|
233
|
-
blueprint: import("
|
229
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
234
230
|
};
|
235
231
|
main: {
|
236
232
|
text: string;
|
237
233
|
placeholder: string;
|
238
|
-
blueprint: import("
|
234
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
239
235
|
};
|
240
236
|
caption: {
|
241
237
|
text: string;
|
242
238
|
placeholder: string;
|
243
|
-
blueprint: import("
|
239
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
244
240
|
};
|
245
241
|
summary: {
|
246
242
|
text: string;
|
247
243
|
placeholder: string;
|
248
|
-
blueprint: import("
|
244
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
249
245
|
};
|
250
246
|
};
|
251
247
|
header: {
|
252
248
|
title: {
|
253
249
|
text: string;
|
254
250
|
placeholder: string;
|
255
|
-
blueprint: import("
|
251
|
+
blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
|
256
252
|
};
|
257
253
|
icon: string;
|
258
254
|
};
|
package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
|
4
|
-
const
|
4
|
+
const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
|
5
5
|
exports.VelcronImagesStateBinding = {
|
6
6
|
main: {
|
7
7
|
editor: "{{images.main.url}}",
|
@@ -30,38 +30,38 @@ exports.VelcronImagesStateBinding = {
|
|
30
30
|
};
|
31
31
|
exports.VelcronHeaderStateBinding = {
|
32
32
|
title: {
|
33
|
-
text: (0,
|
34
|
-
placeholder: (0,
|
35
|
-
blueprint: (0,
|
33
|
+
text: (0, models_1.velcronBind)("header.title.text"),
|
34
|
+
placeholder: (0, models_1.velcronBind)("header.title.placeholder"),
|
35
|
+
blueprint: (0, models_1.velcronBind)("content.title.blueprint")
|
36
36
|
},
|
37
|
-
icon: (0,
|
37
|
+
icon: (0, models_1.velcronBind)("header.icon")
|
38
38
|
};
|
39
39
|
exports.VelcronContentStateBinding = {
|
40
40
|
title: {
|
41
|
-
text: (0,
|
42
|
-
placeholder: (0,
|
43
|
-
blueprint: (0,
|
41
|
+
text: (0, models_1.velcronBind)("content.title.text"),
|
42
|
+
placeholder: (0, models_1.velcronBind)("content.title.placeholder"),
|
43
|
+
blueprint: (0, models_1.velcronBind)("content.title.blueprint")
|
44
44
|
},
|
45
45
|
main: {
|
46
|
-
text: (0,
|
47
|
-
placeholder: (0,
|
48
|
-
blueprint: (0,
|
46
|
+
text: (0, models_1.velcronBind)("content.main.text"),
|
47
|
+
placeholder: (0, models_1.velcronBind)("content.main.placeholder"),
|
48
|
+
blueprint: (0, models_1.velcronBind)("content.main.blueprint")
|
49
49
|
},
|
50
50
|
caption: {
|
51
|
-
text: (0,
|
52
|
-
placeholder: (0,
|
53
|
-
blueprint: (0,
|
51
|
+
text: (0, models_1.velcronBind)("content.caption.text"),
|
52
|
+
placeholder: (0, models_1.velcronBind)("content.caption.placeholder"),
|
53
|
+
blueprint: (0, models_1.velcronBind)("content.caption.blueprint")
|
54
54
|
},
|
55
55
|
summary: {
|
56
|
-
text: (0,
|
57
|
-
placeholder: (0,
|
58
|
-
blueprint: (0,
|
56
|
+
text: (0, models_1.velcronBind)("content.summary.text"),
|
57
|
+
placeholder: (0, models_1.velcronBind)("content.summary.placeholder"),
|
58
|
+
blueprint: (0, models_1.velcronBind)("content.summary.blueprint")
|
59
59
|
},
|
60
60
|
};
|
61
61
|
exports.VelcronColorSchemasStateBinding = {
|
62
62
|
main: {
|
63
|
-
type: (0,
|
64
|
-
filled: (0,
|
63
|
+
type: (0, models_1.velcronBind)("colorSchemas.main.type"),
|
64
|
+
filled: (0, models_1.velcronBind)("colorSchemas.main.filled")
|
65
65
|
}
|
66
66
|
};
|
67
67
|
exports.VelcronSpacingStateBinding = {
|