@omnia/velcron 8.0.91-vnext → 8.0.93-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 (15) hide show
  1. package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +3 -3
  2. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +3 -4
  3. package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js +0 -1
  4. package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +0 -3
  5. package/models/Enums.d.ts +6 -0
  6. package/models/Enums.js +8 -1
  7. package/models/VelcronDefinitions.d.ts +22 -9
  8. package/models/VelcronPropertyEditorDefinitions.d.ts +1 -0
  9. package/package.json +1 -1
  10. package/parser/VelcronConstants.d.ts +2 -1
  11. package/parser/VelcronConstants.js +2 -1
  12. package/parser/VelcronStyles.js +24 -18
  13. package/stores/VelcronBlueprint.d.ts +9 -9
  14. package/stores/VelcronColorSchema.d.ts +9 -9
  15. package/templatebuilder/state/VelcronColorSchemaBuilder.d.ts +1 -1
package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts CHANGED
@@ -50,7 +50,7 @@ export interface ThemeDefinitionV2 {
50
50
  colors: ColorSchemas;
51
51
  blueprints: BluePrintDefinitions;
52
52
  }
53
- export type ColorSchemaType = "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "error" | "info";
53
+ export type ColorSchemaType = keyof typeof ColorSchemaTypes;
54
54
  export declare enum ColorSchemaTypes {
55
55
  primary = "primary",
56
56
  secondary = "secondary",
@@ -62,14 +62,14 @@ export declare enum ColorSchemaTypes {
62
62
  error = "error",
63
63
  info = "info"
64
64
  }
65
- export type BlueprintType = "default" | "variant1" | "variant2" | "variant3";
65
+ export type BlueprintType = keyof typeof BlueprintTypes;
66
66
  export declare enum BlueprintTypes {
67
67
  default = "default",
68
68
  variant1 = "variant1",
69
69
  variant2 = "variant2",
70
70
  variant3 = "variant3"
71
71
  }
72
- export type ColorType = "base" | "onBase" | "container" | "onContainer";
72
+ export type ColorType = keyof typeof ColorTypes;
73
73
  export declare enum ColorTypes {
74
74
  base = "base",
75
75
  onBase = "onBase",
package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts CHANGED
@@ -33,14 +33,13 @@ export interface TypographyTypeBreakPoint {
33
33
  size: number;
34
34
  lineHeight: number;
35
35
  }
36
- export type TypographyType = "title" | "text" | "navigation" | "link";
36
+ export type TypographyType = keyof typeof TypographyTypes;
37
37
  export declare enum TypographyTypes {
38
38
  title = "title",
39
39
  text = "text",
40
- navigation = "navigation",
41
- link = "link"
40
+ navigation = "navigation"
42
41
  }
43
- export type TypographySize = "xl" | "l" | "m" | "s" | "xs";
42
+ export type TypographySize = keyof typeof TypographySizes;
44
43
  export declare enum TypographySizes {
45
44
  xl = "xl",
46
45
  l = "l",
package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js CHANGED
@@ -6,7 +6,6 @@ var TypographyTypes;
6
6
  TypographyTypes["title"] = "title";
7
7
  TypographyTypes["text"] = "text";
8
8
  TypographyTypes["navigation"] = "navigation";
9
- TypographyTypes["link"] = "link";
10
9
  })(TypographyTypes = exports.TypographyTypes || (exports.TypographyTypes = {}));
11
10
  var TypographySizes;
12
11
  (function (TypographySizes) {
package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js CHANGED
@@ -59,9 +59,6 @@ function useThemeMethods(getThemeDefinition) {
59
59
  else if (typographyType === TypographyDefinition_1.TypographyTypes.navigation) {
60
60
  return typographyBlueprint.definition[size];
61
61
  }
62
- else if (typographyType === TypographyDefinition_1.TypographyTypes.link) {
63
- return typographyBlueprint.definition.link[TypographyDefinition_1.TypographySizes.m];
64
- }
65
62
  }
66
63
  function color(colorSchemaType, colorType) {
67
64
  const mappedColorSchema = colorSchema(colorSchemaType);
package/models/Enums.d.ts CHANGED
@@ -16,6 +16,12 @@ export declare enum VelcronActionTypes {
16
16
  export declare enum VelcronIconTypes {
17
17
  fontAwesome = "fa"
18
18
  }
19
+ export declare enum VelcronViewDirections {
20
+ row = "row",
21
+ column = "column",
22
+ rowReverse = "row-reverse",
23
+ columnRevers = "column-reverse"
24
+ }
19
25
  export declare enum VelcronHorizontalAlignments {
20
26
  left = "left",
21
27
  center = "center",
package/models/Enums.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.VelcronDataTypes = exports.VelcronVerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
3
+ exports.VelcronDataTypes = exports.VelcronVerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronViewDirections = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
4
4
  var AssignOperators;
5
5
  (function (AssignOperators) {
6
6
  AssignOperators["equals"] = "=";
@@ -22,6 +22,13 @@ var VelcronIconTypes;
22
22
  (function (VelcronIconTypes) {
23
23
  VelcronIconTypes["fontAwesome"] = "fa";
24
24
  })(VelcronIconTypes = exports.VelcronIconTypes || (exports.VelcronIconTypes = {}));
25
+ var VelcronViewDirections;
26
+ (function (VelcronViewDirections) {
27
+ VelcronViewDirections["row"] = "row";
28
+ VelcronViewDirections["column"] = "column";
29
+ VelcronViewDirections["rowReverse"] = "row-reverse";
30
+ VelcronViewDirections["columnRevers"] = "column-reverse";
31
+ })(VelcronViewDirections = exports.VelcronViewDirections || (exports.VelcronViewDirections = {}));
25
32
  var VelcronHorizontalAlignments;
26
33
  (function (VelcronHorizontalAlignments) {
27
34
  VelcronHorizontalAlignments["left"] = "left";
package/models/VelcronDefinitions.d.ts CHANGED
@@ -2,6 +2,7 @@ import { VelcronEvent, VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnClo
2
2
  import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
3
3
  import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
4
4
  import { VelcronPropertyEditor, useVelcronThemingStore } from "..";
5
+ import { GuidValue, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
5
6
  import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
6
7
  import { useVelcronBlueprintStore } from "../stores/VelcronBlueprint";
7
8
  export interface ResolvedComponentRenderer {
@@ -24,6 +25,7 @@ export interface BuiltInComponentRenderers {
24
25
  "chip": unknown;
25
26
  "markdown": unknown;
26
27
  "slot": unknown;
28
+ "property": unknown;
27
29
  }
28
30
  export interface ColorSchemaReference {
29
31
  name: string;
@@ -121,6 +123,7 @@ export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
121
123
  bind?: VelcronBindableProp;
122
124
  }
123
125
  interface VelcronDimensionStyling {
126
+ margin?: VelcronSpacing;
124
127
  padding?: VelcronSpacing;
125
128
  }
126
129
  export interface VelcronColorStyling {
@@ -164,8 +167,8 @@ export interface VelcronIcon {
164
167
  }
165
168
  export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
166
169
  type: "velcron";
167
- version: string;
168
- name: string;
170
+ version?: string;
171
+ name?: string;
169
172
  body?: Array<VelcronDefinition>;
170
173
  events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
171
174
  actions?: {
@@ -188,10 +191,10 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
188
191
  export interface VelcronViewDefinition extends VelcronDefinition, VelcronColorStyling {
189
192
  type: "view";
190
193
  events?: VelcronOnPressEvent;
191
- direction?: "row" | "column" | "row-reverse" | "column-reverse" | string;
194
+ direction?: VelcronBindableProp<"row" | "column" | "row-reverse" | "column-reverse">;
192
195
  columnStyle?: object;
193
- horizontalAlignment?: VelcronHorizontalAlignments;
194
- verticalAlignment?: VelcronVerticalAlignments;
196
+ hAlign?: VelcronHorizontalAlignments;
197
+ vAlign?: VelcronVerticalAlignments;
195
198
  grow?: number;
196
199
  absolute?: VelcronSpacing;
197
200
  border?: VelcronBorder;
@@ -221,7 +224,7 @@ export declare enum VelcronImageRatios {
221
224
  export interface VelcronImageDefinition extends VelcronDefinition {
222
225
  type: "image";
223
226
  source: string;
224
- ratio: VelcronImageRatios | string;
227
+ ratio?: VelcronImageRatios | string;
225
228
  cover?: VelcronBindableProp<boolean>;
226
229
  borderRadius?: VelcronDimensions;
227
230
  events?: VelcronOnPressEvent;
@@ -271,7 +274,9 @@ export interface VelcronDimensions {
271
274
  left: number | string;
272
275
  }
273
276
  export interface VelcronBorder extends VelcronDimensions {
274
- color: string;
277
+ colorType?: string;
278
+ toned?: boolean;
279
+ opacity?: number;
275
280
  }
276
281
  export interface VelcronChipDefinition extends VelcronDefinition {
277
282
  type: "chip";
@@ -282,8 +287,16 @@ export interface VelcronChipDefinition extends VelcronDefinition {
282
287
  }
283
288
  export interface VelcronSlotDefinition extends VelcronDefinition {
284
289
  type: "slot";
285
- bind: string;
286
- value: VelcroncomponentArrayType;
290
+ bind: VelcronBindableProp<string>;
291
+ }
292
+ export interface VelcronPropertyDefinition extends VelcronDefinition {
293
+ type: "property";
294
+ bind: VelcronBindableProp<string>;
295
+ }
296
+ export interface VelcronPropertyDefinitionValue {
297
+ definitionId: GuidValue;
298
+ value: PropertyValue;
299
+ configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
287
300
  }
288
301
  export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
289
302
  export type VelcronRenderProps<TDefinition> = {
package/models/VelcronPropertyEditorDefinitions.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface VelcronPropertyEditor<TSettings = any> {
9
9
  settings?: TSettings;
10
10
  stateMapping?: string;
11
11
  propertyMapping?: boolean;
12
+ multiple?: boolean;
12
13
  component?: unknown;
13
14
  }
14
15
  export interface BuiltInPropertyEditors {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/velcron",
3
3
  "license": "MIT",
4
- "version": "8.0.91-vnext",
4
+ "version": "8.0.93-vnext",
5
5
  "description": "Provide Omnia Velcron Stuffs.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1"
package/parser/VelcronConstants.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const VelcronConstants: {
2
2
  components: {
3
- appDefinition: string;
3
+ velcron: string;
4
4
  view: string;
5
5
  card: string;
6
6
  text: string;
@@ -14,6 +14,7 @@ export declare const VelcronConstants: {
14
14
  chip: string;
15
15
  markdown: string;
16
16
  slot: string;
17
+ property: string;
17
18
  };
18
19
  events: {
19
20
  idTokenStart: string;
package/parser/VelcronConstants.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.VelcronConstants = void 0;
4
4
  exports.VelcronConstants = {
5
5
  components: {
6
- appDefinition: "velcron",
6
+ velcron: "velcron",
7
7
  view: "view",
8
8
  card: "card",
9
9
  text: "text",
@@ -17,6 +17,7 @@ exports.VelcronConstants = {
17
17
  chip: "chip",
18
18
  markdown: "markdown",
19
19
  slot: "slot",
20
+ property: "property"
20
21
  },
21
22
  events: {
22
23
  idTokenStart: "$ev{",
package/parser/VelcronStyles.js CHANGED
@@ -58,21 +58,27 @@ class VelcronStyles {
58
58
  if (!borderSettings) {
59
59
  return;
60
60
  }
61
+ let borderColor = borderSettings.toned ?
62
+ renderCtx.colors.get[borderSettings.colorType]?.colorToned
63
+ : renderCtx.colors.get[borderSettings.colorType]?.color;
64
+ if (borderSettings.opacity) {
65
+ borderColor = renderCtx.colors.get.base.dark ? `rgba(255,255,255,${borderSettings.opacity})` : `rgba(0,0,0,${borderSettings.opacity})`;
66
+ }
61
67
  if (borderSettings.top || borderSettings.top === 0) {
62
68
  styleBase["borderTopStyle"] = "solid";
63
- styleBase["borderTopColor"] = renderCtx.colors.get[borderSettings.color];
69
+ styleBase["borderTopColor"] = borderColor;
64
70
  }
65
71
  if (borderSettings.right || borderSettings.right === 0) {
66
72
  styleBase["borderRightStyle"] = "solid";
67
- styleBase["borderRightColor"] = renderCtx.colors.get[borderSettings.color];
73
+ styleBase["borderRightColor"] = borderColor;
68
74
  }
69
75
  if (borderSettings.bottom || borderSettings.bottom === 0) {
70
76
  styleBase["borderBottomStyle"] = "solid";
71
- styleBase["borderBottomColor"] = renderCtx.colors.get[borderSettings.color];
77
+ styleBase["borderBottomColor"] = borderColor;
72
78
  }
73
79
  if (borderSettings.left || borderSettings.left === 0) {
74
80
  styleBase["borderLeftStyle"] = "solid";
75
- styleBase["borderLeftColor"] = renderCtx.colors.get[borderSettings.color];
81
+ styleBase["borderLeftColor"] = borderColor;
76
82
  }
77
83
  }
78
84
  static create(definition, renderCtx) {
@@ -81,13 +87,13 @@ class VelcronStyles {
81
87
  }
82
88
  const styleBase = { ...definition.style };
83
89
  /**Generic styling */
84
- // if(definition.styling?.margin){
85
- // const spacing = renderCtx.blueprints.get.spacing.inner;
86
- // styleBase["marginTop"] = this.unitProvider.formatDimension(getSpacingValueFromBlueprint(definition.styling.margin.top,spacing)) as any;
87
- // styleBase["marginRight"] = this.unitProvider.formatDimension(getSpacingValueFromBlueprint(definition.styling.margin.right,spacing)) as any;
88
- // styleBase["marginBottom"] = this.unitProvider.formatDimension(getSpacingValueFromBlueprint(definition.styling.margin.bottom,spacing)) as any;
89
- // styleBase["marginLeft"] = this.unitProvider.formatDimension(getSpacingValueFromBlueprint(definition.styling.margin.left,spacing)) as any;
90
- // }
90
+ if (definition.margin) {
91
+ const spacing = renderCtx.blueprints.get.spacing.inner;
92
+ styleBase["marginTop"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(definition.margin.top, spacing));
93
+ styleBase["marginRight"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(definition.margin.right, spacing));
94
+ styleBase["marginBottom"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(definition.margin.bottom, spacing));
95
+ styleBase["marginLeft"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(definition.margin.left, spacing));
96
+ }
91
97
  if (definition.padding) {
92
98
  const spacing = renderCtx.blueprints.get.spacing.inner;
93
99
  // const padding:VelcronSpacing = definition.padding instanceof Object ? definition.padding :
@@ -98,7 +104,7 @@ class VelcronStyles {
98
104
  styleBase["paddingBottom"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronData_1.VelcronData.dataBind(renderCtx, definition.padding.bottom), spacing));
99
105
  styleBase["paddingLeft"] = this.unitProvider.formatDimension((0, __1.getSpacingValueFromBlueprint)(VelcronData_1.VelcronData.dataBind(renderCtx, definition.padding.left), spacing));
100
106
  }
101
- if (definition.type === VelcronConstants_1.VelcronConstants.components.appDefinition) {
107
+ if (definition.type === VelcronConstants_1.VelcronConstants.components.velcron) {
102
108
  //styleBase["backgroundColor"] = renderCtx.colors.get.base.color;
103
109
  }
104
110
  if (definition.type === VelcronConstants_1.VelcronConstants.components.image) {
@@ -187,21 +193,21 @@ class VelcronStyles {
187
193
  const minHeight = VelcronData_1.VelcronData.dataBind(renderCtx, flexViewDefinition.minHeight);
188
194
  styleBase["minHeight"] = this.unitProvider.formatDimension(minHeight);
189
195
  }
190
- if (flexViewDefinition.horizontalAlignment) {
196
+ if (flexViewDefinition.hAlign) {
191
197
  const propertyName = direction === "column" || direction === "column-reverse" ? "alignItems" : "justifyContent";
192
- if (flexViewDefinition.horizontalAlignment === models_1.VelcronHorizontalAlignments.right) {
198
+ if (flexViewDefinition.hAlign === models_1.VelcronHorizontalAlignments.right) {
193
199
  styleBase[propertyName] = "flex-end";
194
200
  }
195
- else if (flexViewDefinition.horizontalAlignment === models_1.VelcronHorizontalAlignments.center) {
201
+ else if (flexViewDefinition.hAlign === models_1.VelcronHorizontalAlignments.center) {
196
202
  styleBase[propertyName] = "center";
197
203
  }
198
204
  }
199
205
  const propertyName = direction === "column" || direction === "column-reverse" ? "justifyContent" : "alignItems";
200
- if (flexViewDefinition.verticalAlignment) {
201
- if (flexViewDefinition.verticalAlignment === models_1.VelcronVerticalAlignments.center) {
206
+ if (flexViewDefinition.vAlign) {
207
+ if (flexViewDefinition.vAlign === models_1.VelcronVerticalAlignments.center) {
202
208
  styleBase[propertyName] = "center";
203
209
  }
204
- else if (flexViewDefinition.verticalAlignment === models_1.VelcronVerticalAlignments.bottom) {
210
+ else if (flexViewDefinition.vAlign === models_1.VelcronVerticalAlignments.bottom) {
205
211
  styleBase[propertyName] = "flex-end";
206
212
  }
207
213
  }
package/stores/VelcronBlueprint.d.ts CHANGED
@@ -3,20 +3,20 @@ import { useVelcronThemingStore } from ".";
3
3
  export declare const useVelcronBlueprintStore: (newStateWithName?: string) => {
4
4
  state: {
5
5
  blueprint: BlueprintDefinition;
6
- blueprintType: BlueprintType | BlueprintTypes;
6
+ blueprintType: "default" | "variant1" | "variant2" | "variant3" | BlueprintTypes;
7
7
  themeStore: {
8
8
  state: {
9
9
  currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
10
10
  };
11
11
  get: {
12
- blueprint: (blueprintType: BlueprintType | BlueprintTypes) => BlueprintDefinition;
13
- colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
14
- typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
15
- color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
16
- colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
17
- complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
18
- complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
19
- complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
12
+ blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | BlueprintTypes) => BlueprintDefinition;
13
+ colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
14
+ typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
15
+ color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
16
+ colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
17
+ complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
18
+ complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
19
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
20
20
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
21
21
  };
22
22
  actions: {
package/stores/VelcronColorSchema.d.ts CHANGED
@@ -8,20 +8,20 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
8
8
  onContainer: ColorDefinition;
9
9
  isContainer: boolean;
10
10
  name: string;
11
- colorSchemaType: ColorSchemaTypes | ColorSchemaType;
11
+ colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background";
12
12
  themeStore: {
13
13
  state: {
14
14
  currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
15
15
  };
16
16
  get: {
17
- blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
18
- colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
19
- typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
20
- color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
21
- colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
22
- complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
23
- complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
24
- complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
17
+ blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
18
+ colorSchema: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => ColorSchema;
19
+ typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
20
+ color: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
21
+ colorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
22
+ complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
23
+ complementaryColor: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
24
+ complementaryColorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
25
25
  currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
26
26
  };
27
27
  actions: {
package/templatebuilder/state/VelcronColorSchemaBuilder.d.ts CHANGED
@@ -6,6 +6,6 @@ export declare class VelcronColorSchemaStateBuilder extends VelcronStateBuilderB
6
6
  add(colorSchema?: ColorSchemaType): VelcronColorSchemaStateBuilder;
7
7
  bind: string;
8
8
  protected internalBuild(): {
9
- colorSchemaType: ColorSchemaType;
9
+ colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background";
10
10
  };
11
11
  }