@omnia/fx-models 8.0.296-dev → 8.0.298-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/BusinessProfile.d.ts +8 -5
- package/BusinessProfile.js +10 -3
- package/Constants.d.ts +4 -0
- package/Constants.js +4 -0
- package/Contexts.d.ts +3 -4
- package/Enums.tooling.d.ts +2 -2
- package/Enums.tooling.js +1 -0
- package/Exposes.d.ts +1 -3
- package/Exposes.js +1 -3
- package/Layout.d.ts +9 -9
- package/Tenant.d.ts +3 -2
- package/Tenant.js +3 -3
- package/{Theming.d.ts → Theme.d.ts} +1 -1
- package/apps/App.d.ts +1 -1
- package/apps/App.js +3 -3
- package/internal-do-not-import-from-here/shared/models/index.d.ts +1 -1
- package/internal-do-not-import-from-here/shared/models/index.js +1 -1
- package/internal-do-not-import-from-here/shared/models/{theming → theme}/Blueprints.d.ts +5 -5
- package/internal-do-not-import-from-here/shared/models/theme/LegacyThemeDefinition.d.ts +28 -0
- package/internal-do-not-import-from-here/shared/models/theme/LegacyThemeDefinition.js +2 -0
- package/internal-do-not-import-from-here/shared/models/{theming/ThemingBase.d.ts → theme/ThemeBase.d.ts} +3 -3
- package/internal-do-not-import-from-here/shared/models/theme/ThemeBase.js +12 -0
- package/internal-do-not-import-from-here/shared/models/theme/ThemeBoot.d.ts +7 -0
- package/internal-do-not-import-from-here/shared/models/theme/ThemeBoot.js +2 -0
- package/internal-do-not-import-from-here/shared/models/{theming/ThemeDefinitionV2.d.ts → theme/ThemeDefinition.d.ts} +117 -14
- package/internal-do-not-import-from-here/shared/models/{theming/ThemeDefinitionV2.js → theme/ThemeDefinition.js} +4 -0
- package/internal-do-not-import-from-here/shared/models/{theming → theme}/Typography.d.ts +3 -10
- package/internal-do-not-import-from-here/shared/models/{theming → theme}/UseThemeMethods.d.ts +1 -1
- package/internal-do-not-import-from-here/shared/models/{theming → theme}/UseThemeMethods.js +28 -28
- package/internal-do-not-import-from-here/shared/models/{theming → theme}/index.d.ts +5 -3
- package/internal-do-not-import-from-here/shared/models/{theming → theme}/index.js +5 -3
- package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts +6 -1
- package/oxide/OxideTypeDefinitions.d.ts +13 -0
- package/package.json +1 -1
- package/properties/values/BirthdayPropertyValue.js +1 -1
- package/properties/values/DatePropertyValue.js +2 -2
- package/properties/values/DateTimePropertyValue.js +1 -1
- package/ThemeDefinition.d.ts +0 -109
- package/ThemeDefinition.js +0 -11
- package/internal-do-not-import-from-here/shared/models/theming/ThemingBase.js +0 -12
- package/internal-do-not-import-from-here/shared/models/theming/ThemingDefinitionV3.d.ts +0 -44
- package/internal-do-not-import-from-here/shared/models/theming/ThemingDefinitionV3.js +0 -6
- /package/{Color.js → Theme.js} +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/Blueprints.js +0 -0
- /package/{Color.d.ts → internal-do-not-import-from-here/shared/models/theme/Color.d.ts} +0 -0
- /package/{Theming.js → internal-do-not-import-from-here/shared/models/theme/Color.js} +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedBlueprintMethods.d.ts +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedBlueprintMethods.js +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedColorMethods.d.ts +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedColorMethods.js +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/Spacing.d.ts +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/Spacing.js +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/Typography.js +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/useSpacingScaling.d.ts +0 -0
- /package/internal-do-not-import-from-here/shared/models/{theming → theme}/useSpacingScaling.js +0 -0
@@ -1,5 +1,9 @@
|
|
1
1
|
import { guid } from "../Guid";
|
2
|
+
import { Id } from "../Id";
|
2
3
|
import { BoxDimensions, ButtonBlueprint, ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
|
4
|
+
import { Color } from "./Color";
|
5
|
+
import { LegacyBorderDefinition, LegacyThemeDefinition } from "./LegacyThemeDefinition";
|
6
|
+
import { ThemeBase } from "./ThemeBase";
|
3
7
|
export type ThemeContextType = "default" | "admin" | "preview" | "color-context" | "designer";
|
4
8
|
export interface ColorTypeResult<resultType> {
|
5
9
|
base: resultType;
|
@@ -22,13 +26,6 @@ export interface ColorStyles {
|
|
22
26
|
color: object | string;
|
23
27
|
all: object | string;
|
24
28
|
}
|
25
|
-
export interface ColorSchema extends BlueprintsReference {
|
26
|
-
name: string;
|
27
|
-
base: ColorDefinition;
|
28
|
-
onBase: ColorDefinition;
|
29
|
-
container: ColorDefinition;
|
30
|
-
onContainer: ColorDefinition;
|
31
|
-
}
|
32
29
|
export interface ColorSchemas extends ColorSchemasReference {
|
33
30
|
primary: ColorSchema;
|
34
31
|
secondary: ColorSchema;
|
@@ -69,13 +66,11 @@ export interface ThemeDefinitionReference {
|
|
69
66
|
spacing: BlueprintsReference;
|
70
67
|
components: BlueprintsReference;
|
71
68
|
}
|
72
|
-
export interface
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
spacing: SpacingBlueprints;
|
78
|
-
components: ComponentBlueprints;
|
69
|
+
export interface ResolvedThemeDefinition extends ThemeBase {
|
70
|
+
colors?: ColorSchemas;
|
71
|
+
typography?: TypographyBlueprints;
|
72
|
+
spacing?: SpacingBlueprints;
|
73
|
+
components?: ComponentBlueprints;
|
79
74
|
}
|
80
75
|
export interface ThemeSelection {
|
81
76
|
adminThemeId?: guid;
|
@@ -148,6 +143,7 @@ export type BackgroundMedia = "image" | "video";
|
|
148
143
|
export interface BackgroundMediaDefinition {
|
149
144
|
type: BackgroundMedia;
|
150
145
|
src: string;
|
146
|
+
position?: string;
|
151
147
|
}
|
152
148
|
export interface FillDefinition {
|
153
149
|
colors: Array<ColorValue | ColorGradientValue>;
|
@@ -168,3 +164,110 @@ export interface BorderStylingDefinition {
|
|
168
164
|
fill?: FillDefinition;
|
169
165
|
pattern?: "solid" | "dotted" | "dashed";
|
170
166
|
}
|
167
|
+
export interface ThemeDefinitionSettings {
|
168
|
+
items: Array<LegacyThemeDefinition>;
|
169
|
+
}
|
170
|
+
export interface ThemeColors {
|
171
|
+
primary: Color;
|
172
|
+
secondary: Color;
|
173
|
+
}
|
174
|
+
export interface ThemeStyling {
|
175
|
+
bg: {
|
176
|
+
color: Color;
|
177
|
+
css: string;
|
178
|
+
dark: boolean;
|
179
|
+
};
|
180
|
+
fg: {
|
181
|
+
color: Color;
|
182
|
+
css: string;
|
183
|
+
dark: boolean;
|
184
|
+
text: {
|
185
|
+
color: Color;
|
186
|
+
css: string;
|
187
|
+
csslighter1: string;
|
188
|
+
csslighter2: string;
|
189
|
+
csslighter3: string;
|
190
|
+
csslighter4: string;
|
191
|
+
csslighter5: string;
|
192
|
+
csslighter6: string;
|
193
|
+
};
|
194
|
+
};
|
195
|
+
text: {
|
196
|
+
color: Color;
|
197
|
+
css: string;
|
198
|
+
csslighter1: string;
|
199
|
+
csslighter2: string;
|
200
|
+
csslighter3: string;
|
201
|
+
csslighter4: string;
|
202
|
+
csslighter5: string;
|
203
|
+
csslighter6: string;
|
204
|
+
};
|
205
|
+
components: {
|
206
|
+
color: Color;
|
207
|
+
text: {
|
208
|
+
color: Color;
|
209
|
+
};
|
210
|
+
expansionPanel: {
|
211
|
+
css: string;
|
212
|
+
};
|
213
|
+
skeletonLoader: {
|
214
|
+
css: string;
|
215
|
+
};
|
216
|
+
slider: {
|
217
|
+
color: string;
|
218
|
+
trackColor: string;
|
219
|
+
};
|
220
|
+
tabs: {
|
221
|
+
css: string;
|
222
|
+
};
|
223
|
+
};
|
224
|
+
border: LegacyBorderDefinition;
|
225
|
+
}
|
226
|
+
/**
|
227
|
+
*Theme Definition
|
228
|
+
*
|
229
|
+
*/
|
230
|
+
export interface ThemeTargetRegistration {
|
231
|
+
id: guid;
|
232
|
+
title: string;
|
233
|
+
defaultThemeDefinitionId: guid;
|
234
|
+
defaultAccessibilityDefinitionId: guid;
|
235
|
+
}
|
236
|
+
export interface ThemeTargetMapping {
|
237
|
+
id: guid;
|
238
|
+
targetRegistrationId: guid;
|
239
|
+
default: LegacyThemeDefinition;
|
240
|
+
accessibility?: LegacyThemeDefinition;
|
241
|
+
}
|
242
|
+
export type ColorSchemaId = Id<guid, "ColorSchemaId">;
|
243
|
+
export declare function ColorSchemaId(id: guid): ColorSchemaId;
|
244
|
+
export type ThemeDefinitionId = Id<guid, "ThemeDefinitionId">;
|
245
|
+
export declare function ThemeDefinitionId(id: guid): ThemeDefinitionId;
|
246
|
+
export interface ColorSchemasReferenceId {
|
247
|
+
primaryId: ColorSchemaId;
|
248
|
+
secondaryId: ColorSchemaId;
|
249
|
+
accent1Id: ColorSchemaId;
|
250
|
+
accent2Id: ColorSchemaId;
|
251
|
+
accent3Id: ColorSchemaId;
|
252
|
+
accent4Id: ColorSchemaId;
|
253
|
+
accent5Id: ColorSchemaId;
|
254
|
+
neutralId: ColorSchemaId;
|
255
|
+
backgroundId: ColorSchemaId;
|
256
|
+
errorId: ColorSchemaId;
|
257
|
+
infoId: ColorSchemaId;
|
258
|
+
warningId: ColorSchemaId;
|
259
|
+
successId: ColorSchemaId;
|
260
|
+
notificationId: ColorSchemaId;
|
261
|
+
}
|
262
|
+
export interface ThemeDefinition extends ThemeBase {
|
263
|
+
colors?: ColorSchemasReferenceId;
|
264
|
+
typographyId?: ThemeDefinitionId;
|
265
|
+
spacingId?: ThemeDefinitionId;
|
266
|
+
componentsId?: ThemeDefinitionId;
|
267
|
+
}
|
268
|
+
export interface ColorSchema extends ThemeBase {
|
269
|
+
base: ColorDefinition;
|
270
|
+
onBase: ColorDefinition;
|
271
|
+
container: ColorDefinition;
|
272
|
+
onContainer: ColorDefinition;
|
273
|
+
}
|
@@ -1,6 +1,8 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.RadialGradientShapes = exports.ColorTypes = exports.ColorSchemaTypes = void 0;
|
4
|
+
exports.ColorSchemaId = ColorSchemaId;
|
5
|
+
exports.ThemeDefinitionId = ThemeDefinitionId;
|
4
6
|
var ColorSchemaTypes;
|
5
7
|
(function (ColorSchemaTypes) {
|
6
8
|
ColorSchemaTypes["primary"] = "primary";
|
@@ -31,3 +33,5 @@ var RadialGradientShapes;
|
|
31
33
|
RadialGradientShapes[RadialGradientShapes["circle"] = 0] = "circle";
|
32
34
|
RadialGradientShapes[RadialGradientShapes["ellipse"] = 1] = "ellipse";
|
33
35
|
})(RadialGradientShapes || (exports.RadialGradientShapes = RadialGradientShapes = {}));
|
36
|
+
function ColorSchemaId(id) { return id; }
|
37
|
+
function ThemeDefinitionId(id) { return id; }
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { guid } from "../Guid";
|
2
|
-
import { FillDefinition } from "./
|
3
|
-
import {
|
4
|
-
export interface
|
2
|
+
import { FillDefinition } from "./ThemeDefinition";
|
3
|
+
import { ThemeBase } from "./ThemeBase";
|
4
|
+
export interface TypographyFontDefinition extends ThemeBase {
|
5
5
|
family: string;
|
6
6
|
cdn?: string;
|
7
7
|
manifestId?: guid;
|
@@ -68,13 +68,6 @@ export interface TypographyTypeBreakPoint {
|
|
68
68
|
lineHeight: number;
|
69
69
|
letterSpacing?: number;
|
70
70
|
}
|
71
|
-
export interface TypographyFontDefinition {
|
72
|
-
id?: guid;
|
73
|
-
name?: string;
|
74
|
-
family: string;
|
75
|
-
cdn?: string;
|
76
|
-
manifestId?: guid;
|
77
|
-
}
|
78
71
|
export interface TypographyFontRef {
|
79
72
|
family: string;
|
80
73
|
}
|
package/internal-do-not-import-from-here/shared/models/{theming → theme}/UseThemeMethods.d.ts
RENAMED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ContainerBlueprint, ContainerVariant } from "./Blueprints";
|
2
|
-
import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./
|
2
|
+
import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinition";
|
3
3
|
export declare function useThemeMethods(getThemeDefinition: () => any): {
|
4
4
|
containerBlueprint: (type: ContainerVariant | ContainerBlueprint | string) => any;
|
5
5
|
colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.useThemeMethods = useThemeMethods;
|
4
|
-
const
|
4
|
+
const ThemeDefinition_1 = require("./ThemeDefinition");
|
5
5
|
// temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
|
6
6
|
function useThemeMethods(getThemeDefinition) {
|
7
7
|
function containerBlueprint(type) {
|
@@ -23,85 +23,85 @@ function useThemeMethods(getThemeDefinition) {
|
|
23
23
|
return null;
|
24
24
|
}
|
25
25
|
function colorSchema(colorSchemaType) {
|
26
|
-
if (colorSchemaType ===
|
26
|
+
if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.primary) {
|
27
27
|
return getThemeDefinition().colors.primary;
|
28
28
|
}
|
29
|
-
else if (colorSchemaType ===
|
29
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.secondary) {
|
30
30
|
return getThemeDefinition().colors.secondary;
|
31
31
|
}
|
32
|
-
else if (colorSchemaType ===
|
32
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent1) {
|
33
33
|
return getThemeDefinition().colors.accent1;
|
34
34
|
}
|
35
|
-
else if (colorSchemaType ===
|
35
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent2) {
|
36
36
|
return getThemeDefinition().colors.accent2;
|
37
37
|
}
|
38
|
-
else if (colorSchemaType ===
|
38
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent3) {
|
39
39
|
return getThemeDefinition().colors.accent3;
|
40
40
|
}
|
41
|
-
else if (colorSchemaType ===
|
41
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent4) {
|
42
42
|
return getThemeDefinition().colors.accent4;
|
43
43
|
}
|
44
|
-
else if (colorSchemaType ===
|
44
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.accent5) {
|
45
45
|
return getThemeDefinition().colors.accent5;
|
46
46
|
}
|
47
|
-
else if (colorSchemaType ===
|
47
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.background) {
|
48
48
|
return getThemeDefinition().colors.background;
|
49
49
|
}
|
50
|
-
else if (colorSchemaType ===
|
50
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.neutral) {
|
51
51
|
return getThemeDefinition().colors.neutral;
|
52
52
|
}
|
53
|
-
else if (colorSchemaType ===
|
53
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.error) {
|
54
54
|
return getThemeDefinition().colors.error;
|
55
55
|
}
|
56
|
-
else if (colorSchemaType ===
|
56
|
+
else if (colorSchemaType === ThemeDefinition_1.ColorSchemaTypes.success) {
|
57
57
|
return getThemeDefinition().colors.success;
|
58
58
|
}
|
59
59
|
return getThemeDefinition().colors.background;
|
60
60
|
}
|
61
61
|
function color(colorSchemaType, colorType) {
|
62
62
|
const mappedColorSchema = colorSchema(colorSchemaType);
|
63
|
-
if (colorType ===
|
63
|
+
if (colorType === ThemeDefinition_1.ColorTypes.base) {
|
64
64
|
return mappedColorSchema.base.color;
|
65
65
|
}
|
66
|
-
else if (colorType ===
|
66
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
|
67
67
|
return mappedColorSchema.onBase.color;
|
68
68
|
}
|
69
|
-
else if (colorType ===
|
69
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.container) {
|
70
70
|
return mappedColorSchema.container.color;
|
71
71
|
}
|
72
|
-
else if (colorType ===
|
72
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
|
73
73
|
return mappedColorSchema.onContainer.color;
|
74
74
|
}
|
75
75
|
return colorType;
|
76
76
|
}
|
77
77
|
function colorDefinition(colorSchemaType, colorType) {
|
78
78
|
const mappedColorSchema = colorSchema(colorSchemaType);
|
79
|
-
if (colorType ===
|
79
|
+
if (colorType === ThemeDefinition_1.ColorTypes.base) {
|
80
80
|
return mappedColorSchema.base;
|
81
81
|
}
|
82
|
-
else if (colorType ===
|
82
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
|
83
83
|
return mappedColorSchema.onBase;
|
84
84
|
}
|
85
|
-
else if (colorType ===
|
85
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.container) {
|
86
86
|
return mappedColorSchema.container;
|
87
87
|
}
|
88
|
-
else if (colorType ===
|
88
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
|
89
89
|
return mappedColorSchema.onContainer;
|
90
90
|
}
|
91
91
|
return mappedColorSchema.base;
|
92
92
|
}
|
93
93
|
function complementaryColorType(colorType) {
|
94
|
-
if (colorType ===
|
95
|
-
return
|
94
|
+
if (colorType === ThemeDefinition_1.ColorTypes.base) {
|
95
|
+
return ThemeDefinition_1.ColorTypes.onBase;
|
96
96
|
}
|
97
|
-
else if (colorType ===
|
98
|
-
return
|
97
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.onBase) {
|
98
|
+
return ThemeDefinition_1.ColorTypes.base;
|
99
99
|
}
|
100
|
-
else if (colorType ===
|
101
|
-
return
|
100
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.container) {
|
101
|
+
return ThemeDefinition_1.ColorTypes.onContainer;
|
102
102
|
}
|
103
|
-
else if (colorType ===
|
104
|
-
return
|
103
|
+
else if (colorType === ThemeDefinition_1.ColorTypes.onContainer) {
|
104
|
+
return ThemeDefinition_1.ColorTypes.container;
|
105
105
|
}
|
106
106
|
return colorType;
|
107
107
|
}
|
@@ -1,6 +1,5 @@
|
|
1
|
-
export * from "./
|
2
|
-
export * from "./
|
3
|
-
export * from "./ThemingDefinitionV3";
|
1
|
+
export * from "./ThemeBase";
|
2
|
+
export * from "./ThemeDefinition";
|
4
3
|
export * from "./Typography";
|
5
4
|
export * from "./UseThemeMethods";
|
6
5
|
export * from "./Spacing";
|
@@ -8,3 +7,6 @@ export * from "./SharedBlueprintMethods";
|
|
8
7
|
export * from "./SharedColorMethods";
|
9
8
|
export * from "./Blueprints";
|
10
9
|
export * from "./useSpacingScaling";
|
10
|
+
export * from "./Color";
|
11
|
+
export * from "./ThemeBoot";
|
12
|
+
export * from "./LegacyThemeDefinition";
|
@@ -1,9 +1,8 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
const tslib_1 = require("tslib");
|
4
|
-
tslib_1.__exportStar(require("./
|
5
|
-
tslib_1.__exportStar(require("./
|
6
|
-
tslib_1.__exportStar(require("./ThemingDefinitionV3"), exports);
|
4
|
+
tslib_1.__exportStar(require("./ThemeBase"), exports);
|
5
|
+
tslib_1.__exportStar(require("./ThemeDefinition"), exports);
|
7
6
|
tslib_1.__exportStar(require("./Typography"), exports);
|
8
7
|
//export * from "./OmniaThemes";
|
9
8
|
tslib_1.__exportStar(require("./UseThemeMethods"), exports);
|
@@ -12,3 +11,6 @@ tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
|
|
12
11
|
tslib_1.__exportStar(require("./SharedColorMethods"), exports);
|
13
12
|
tslib_1.__exportStar(require("./Blueprints"), exports);
|
14
13
|
tslib_1.__exportStar(require("./useSpacingScaling"), exports);
|
14
|
+
tslib_1.__exportStar(require("./Color"), exports);
|
15
|
+
tslib_1.__exportStar(require("./ThemeBoot"), exports);
|
16
|
+
tslib_1.__exportStar(require("./LegacyThemeDefinition"), exports);
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { ContainerBlueprint, ContainerVariant, IFontAwesomeIcon, VelcronColorStyling, VelcronOverflowValues } from "@omnia/fx-models";
|
2
2
|
import { DynamicState } from "../DynamicState";
|
3
3
|
import { VelcronEvent, VelcronOnActiveEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPersistingStateEvent, VelcronOnSavingEvent } from "./VelcronEvents";
|
4
|
+
import { AnimationOptionsWithOverrides, VariantDefinition, Variants } from "motion";
|
4
5
|
/**
|
5
6
|
* Velcron definition base
|
6
7
|
*/
|
@@ -76,7 +77,11 @@ export interface VelcronEditor<TSettings = any> {
|
|
76
77
|
}
|
77
78
|
export interface VelcronLazyApp {
|
78
79
|
minHeight?: VelcronBindableProp<number | string>;
|
79
|
-
|
80
|
+
initial?: false | VariantDefinition;
|
81
|
+
animate?: VariantDefinition;
|
82
|
+
inView?: VariantDefinition;
|
83
|
+
variants?: Variants;
|
84
|
+
transition?: AnimationOptionsWithOverrides;
|
80
85
|
}
|
81
86
|
export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase, VelcronColorStyling {
|
82
87
|
type: "velcron";
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { ChartData, ChartOptions, ChartTypeRegistry } from "chart.js";
|
2
|
+
import { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "motion";
|
2
3
|
/**Shared */
|
3
4
|
declare const block: readonly ["top", "bottom"];
|
4
5
|
declare const inline: readonly ["start", "end", "left", "right"];
|
@@ -236,4 +237,16 @@ export declare const OMultiTextInputModesName = "OMultiTextInputModes";
|
|
236
237
|
export declare const OStepperVariantDefinitions: readonly ["default", "editable", "understep"];
|
237
238
|
export type OStepperVariants = typeof OStepperVariantDefinitions[number];
|
238
239
|
export declare const OStepperVariantName = "OStepperVariants";
|
240
|
+
/** Motion */
|
241
|
+
export interface OMotionProps {
|
242
|
+
initial?: VariantDefinition | boolean;
|
243
|
+
animate?: VariantDefinition;
|
244
|
+
inView?: VariantDefinition;
|
245
|
+
hover?: VariantDefinition;
|
246
|
+
press?: VariantDefinition;
|
247
|
+
exit?: VariantDefinition;
|
248
|
+
variants?: Variants;
|
249
|
+
inViewOptions?: InViewOptions;
|
250
|
+
transition?: AnimationOptionsWithOverrides;
|
251
|
+
}
|
239
252
|
export {};
|
package/package.json
CHANGED
@@ -6,7 +6,7 @@ class BirthdayPropertyValue extends PropertyValue_1.PropertyValue {
|
|
6
6
|
constructor(birthday, timeZoneId) {
|
7
7
|
super();
|
8
8
|
this.timeZoneId = timeZoneId;
|
9
|
-
this.birthday = birthday.toJSON();
|
9
|
+
this.birthday = birthday ? birthday.toJSON() : undefined;
|
10
10
|
}
|
11
11
|
isEmpty() {
|
12
12
|
return !this.birthday;
|
@@ -5,8 +5,8 @@ const PropertyValue_1 = require("../PropertyValue");
|
|
5
5
|
class DatePropertyValue extends PropertyValue_1.PropertyValue {
|
6
6
|
constructor(date, timeZoneId) {
|
7
7
|
super();
|
8
|
-
this.date = date.toJSON();
|
9
|
-
this.timeZoneId = timeZoneId.toString();
|
8
|
+
this.date = date ? date.toJSON() : undefined;
|
9
|
+
this.timeZoneId = timeZoneId ? timeZoneId.toString() : undefined;
|
10
10
|
}
|
11
11
|
isEmpty() {
|
12
12
|
return this.date == null;
|
@@ -6,7 +6,7 @@ class DateTimePropertyValue extends PropertyValue_1.PropertyValue {
|
|
6
6
|
constructor(dateTime, timeZoneId) {
|
7
7
|
super();
|
8
8
|
this.timeZoneId = timeZoneId;
|
9
|
-
this.dateTime = dateTime.toJSON();
|
9
|
+
this.dateTime = dateTime ? dateTime.toJSON() : undefined;
|
10
10
|
}
|
11
11
|
isEmpty() {
|
12
12
|
return this.dateTime == null;
|
package/ThemeDefinition.d.ts
DELETED
@@ -1,109 +0,0 @@
|
|
1
|
-
import { BusinessProfileProperty } from "./BusinessProfile";
|
2
|
-
import { guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
|
3
|
-
import { Color } from "./Color";
|
4
|
-
export interface ThemeDefinitionSettings {
|
5
|
-
items: Array<ThemeDefinition>;
|
6
|
-
}
|
7
|
-
export declare class BusinessProfileThemeMappingSettings extends BusinessProfileProperty {
|
8
|
-
constructor();
|
9
|
-
items: Array<ThemeTargetMapping>;
|
10
|
-
}
|
11
|
-
export interface ThemeColors {
|
12
|
-
primary: Color;
|
13
|
-
secondary: Color;
|
14
|
-
}
|
15
|
-
export interface ThemeStyling {
|
16
|
-
bg: {
|
17
|
-
color: Color;
|
18
|
-
css: string;
|
19
|
-
dark: boolean;
|
20
|
-
};
|
21
|
-
fg: {
|
22
|
-
color: Color;
|
23
|
-
css: string;
|
24
|
-
dark: boolean;
|
25
|
-
text: {
|
26
|
-
color: Color;
|
27
|
-
css: string;
|
28
|
-
csslighter1: string;
|
29
|
-
csslighter2: string;
|
30
|
-
csslighter3: string;
|
31
|
-
csslighter4: string;
|
32
|
-
csslighter5: string;
|
33
|
-
csslighter6: string;
|
34
|
-
};
|
35
|
-
};
|
36
|
-
text: {
|
37
|
-
color: Color;
|
38
|
-
css: string;
|
39
|
-
csslighter1: string;
|
40
|
-
csslighter2: string;
|
41
|
-
csslighter3: string;
|
42
|
-
csslighter4: string;
|
43
|
-
csslighter5: string;
|
44
|
-
csslighter6: string;
|
45
|
-
};
|
46
|
-
components: {
|
47
|
-
color: Color;
|
48
|
-
text: {
|
49
|
-
color: Color;
|
50
|
-
};
|
51
|
-
expansionPanel: {
|
52
|
-
css: string;
|
53
|
-
};
|
54
|
-
skeletonLoader: {
|
55
|
-
css: string;
|
56
|
-
};
|
57
|
-
slider: {
|
58
|
-
color: string;
|
59
|
-
trackColor: string;
|
60
|
-
};
|
61
|
-
tabs: {
|
62
|
-
css: string;
|
63
|
-
};
|
64
|
-
};
|
65
|
-
border: BorderDefinition;
|
66
|
-
}
|
67
|
-
/**
|
68
|
-
*Theme Definition
|
69
|
-
*
|
70
|
-
*/
|
71
|
-
export interface ThemeTargetRegistration {
|
72
|
-
id: guid;
|
73
|
-
title: string;
|
74
|
-
defaultThemeDefinitionId: guid;
|
75
|
-
defaultAccessibilityDefinitionId: guid;
|
76
|
-
}
|
77
|
-
export interface ThemeTargetMapping {
|
78
|
-
id: guid;
|
79
|
-
targetRegistrationId: guid;
|
80
|
-
default: ThemeDefinition;
|
81
|
-
accessibility?: ThemeDefinition;
|
82
|
-
}
|
83
|
-
export interface ThemeDefinition {
|
84
|
-
id: guid;
|
85
|
-
name: string;
|
86
|
-
readOnly: boolean;
|
87
|
-
colors: ThemeDefinitionColors;
|
88
|
-
chrome: ThemeColorDefinition;
|
89
|
-
body: ThemeColorDefinition;
|
90
|
-
}
|
91
|
-
export interface ThemeDefinitionColors {
|
92
|
-
primary: string;
|
93
|
-
secondary: string;
|
94
|
-
}
|
95
|
-
export interface BorderDefinition {
|
96
|
-
color: string;
|
97
|
-
width: number;
|
98
|
-
elevation: number;
|
99
|
-
radiustop: number;
|
100
|
-
radiusbottom: number;
|
101
|
-
}
|
102
|
-
export interface ThemeColorDefinition {
|
103
|
-
bg: string;
|
104
|
-
fg: string;
|
105
|
-
text: string;
|
106
|
-
darkBg: boolean;
|
107
|
-
darkFg: boolean;
|
108
|
-
border?: BorderDefinition;
|
109
|
-
}
|
package/ThemeDefinition.js
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.BusinessProfileThemeMappingSettings = void 0;
|
4
|
-
const BusinessProfile_1 = require("./BusinessProfile");
|
5
|
-
const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
|
6
|
-
class BusinessProfileThemeMappingSettings extends BusinessProfile_1.BusinessProfileProperty {
|
7
|
-
constructor() {
|
8
|
-
super((0, models_1.guid)("6dd14453-7b42-43d0-9176-884a556c9b2f"), "Omnia.BusinessProfileThemeMappingSettings");
|
9
|
-
}
|
10
|
-
}
|
11
|
-
exports.BusinessProfileThemeMappingSettings = BusinessProfileThemeMappingSettings;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.ThemingTypes = void 0;
|
4
|
-
var ThemingTypes;
|
5
|
-
(function (ThemingTypes) {
|
6
|
-
ThemingTypes[ThemingTypes["Theme"] = 0] = "Theme";
|
7
|
-
ThemingTypes[ThemingTypes["ColorSchema"] = 1] = "ColorSchema";
|
8
|
-
ThemingTypes[ThemingTypes["Typography"] = 2] = "Typography";
|
9
|
-
ThemingTypes[ThemingTypes["Spacing"] = 3] = "Spacing";
|
10
|
-
ThemingTypes[ThemingTypes["Blueprints"] = 4] = "Blueprints";
|
11
|
-
ThemingTypes[ThemingTypes["Fonts"] = 5] = "Fonts";
|
12
|
-
})(ThemingTypes || (exports.ThemingTypes = ThemingTypes = {}));
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import { guid } from "../Guid";
|
2
|
-
import { Id } from "../Id";
|
3
|
-
import { ComponentBlueprints, SpacingBlueprints, TypographyBlueprints } from "./Blueprints";
|
4
|
-
import { ColorDefinition, ColorSchemas } from "./ThemeDefinitionV2";
|
5
|
-
import { ThemingBase } from "./ThemingBase";
|
6
|
-
export type ColorSchemaId = Id<guid, "ColorSchemaId">;
|
7
|
-
export declare function ColorSchemaId(id: guid): ColorSchemaId;
|
8
|
-
export type ThemeDefinitionId = Id<guid, "ThemeDefinitionId">;
|
9
|
-
export declare function ThemeDefinitionId(id: guid): ThemeDefinitionId;
|
10
|
-
export interface ColorSchemasReferenceV2 {
|
11
|
-
primaryId: ColorSchemaId;
|
12
|
-
secondaryId: ColorSchemaId;
|
13
|
-
accent1Id: ColorSchemaId;
|
14
|
-
accent2Id: ColorSchemaId;
|
15
|
-
accent3Id: ColorSchemaId;
|
16
|
-
accent4Id: ColorSchemaId;
|
17
|
-
accent5Id: ColorSchemaId;
|
18
|
-
neutralId: ColorSchemaId;
|
19
|
-
backgroundId: ColorSchemaId;
|
20
|
-
errorId: ColorSchemaId;
|
21
|
-
infoId: ColorSchemaId;
|
22
|
-
warningId: ColorSchemaId;
|
23
|
-
successId: ColorSchemaId;
|
24
|
-
notificationId: ColorSchemaId;
|
25
|
-
}
|
26
|
-
export interface ThemeDefinitionV3 extends ThemingBase {
|
27
|
-
name?: string;
|
28
|
-
colors?: ColorSchemasReferenceV2;
|
29
|
-
typographyId?: ThemeDefinitionId;
|
30
|
-
spacingId?: ThemeDefinitionId;
|
31
|
-
componentsId?: ThemeDefinitionId;
|
32
|
-
}
|
33
|
-
export interface ColorSchemaV3 extends ThemingBase {
|
34
|
-
base: ColorDefinition;
|
35
|
-
onBase: ColorDefinition;
|
36
|
-
container: ColorDefinition;
|
37
|
-
onContainer: ColorDefinition;
|
38
|
-
}
|
39
|
-
export interface ResolvedThemeDefinition extends ThemingBase {
|
40
|
-
colors?: ColorSchemas;
|
41
|
-
typography?: TypographyBlueprints;
|
42
|
-
spacing?: SpacingBlueprints;
|
43
|
-
components?: ComponentBlueprints;
|
44
|
-
}
|
/package/{Color.js → Theme.js}
RENAMED
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
/package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedBlueprintMethods.js
RENAMED
File without changes
|
/package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedColorMethods.d.ts
RENAMED
File without changes
|
/package/internal-do-not-import-from-here/shared/models/{theming → theme}/SharedColorMethods.js
RENAMED
File without changes
|
File without changes
|