@omnia/fx 8.0.25-vnext → 8.0.27-vnext

package/internal-do-not-import-from-here/ux/velcron/components/properties/models/DefineVelcronPropertyEditorProps.d.ts

@@ -0,0 +1,86 @@
+export declare function defineVelcronPropertyEditorProps<TModel, TSettings = undefined>(): {
+    props: {
+        label: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+        require(): import("../../../../DefineVueTypings").DefinePropRequire<"label", string, {}>;
+        defaultValue(value?: string): import("../../../../DefineVueTypings").DefinePropDefaultValue<"label", string, {}, false>;
+        doc$(description?: string): import("../../../../DefineVueTypings").DefinePropDoc<"label", string, {}>;
+        settings: {
+            type: import("vue").PropType<TSettings>;
+        } & {
+            type: import("vue").PropType<TSettings>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: TModel) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<TModel>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<TModel>;
+            required: false;
+        };
+        name<TName extends string>(n?: TName): { [key in import("../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            type: import("vue").PropType<(value: TModel) => any>;
+        }; } & { [key_1 in import("../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<TModel>;
+            required: false;
+        }; } & { [key_2 in import("../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<TModel>;
+            required: false;
+        }; } & {
+            require(): import("../../../../DefineVueTypings").DefinePropModelRequire<TName, TModel, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TModel) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TModel>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TModel>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TModel): import("../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, TModel, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TModel) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TModel>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TModel>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../../../DefineVueTypings").DefinePropModelDoc<TName, TModel, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TModel) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TModel>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TModel>;
+                    required: false;
+                };
+            }>;
+        };
+    };
+    emits: {
+        "update:modelValue": (value: TModel) => boolean;
+    };
+};

package/internal-do-not-import-from-here/ux/velcron/components/properties/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DefineVelcronPropertyEditor";
+export * from "./DefineVelcronPropertyEditorProps";

package/internal-do-not-import-from-here/ux/velcron/core/index.d.ts

@@ -4,3 +4,4 @@ export * from "./actions";
 export * from "./stores";
 export * from "../../../shared/models";
 export * from "./utilities";
+export * from "./rules";

package/internal-do-not-import-from-here/ux/velcron/core/models/Enums.d.ts

@@ -21,26 +21,11 @@ export declare enum VelcronHorizontalAlignments {
     center = "center",
     right = "right"
 }
-export declare enum VerticalAlignments {
+export declare enum VelcronVerticalAlignments {
     top = "top",
     center = "center",
     bottom = "bottom"
 }
-export declare enum VelcronDescriptorTypes {
-    component = 0,
-    subComponent = 1,
-    appData = 2,
-    dataMember = 3
-}
-export declare enum VelcronComponentPropertyEditors {
-    text = 0,
-    colorSchemaPicker = 1,
-    slider = 2,
-    colorPicker = 3,
-    typographyPicker = 4,
-    ratioPicker = 5,
-    booleanPicker = 6
-}
 export declare enum VelcronDataTypes {
     unknown = "unknown",
     object = "object",

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -1,7 +1,7 @@
-import { VelcronComponentDescriptor } from "./VelcronDescriptors";
-import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
+import { VelcronComponentDescriptor, VelcronDefinitionEditableProperty } from "../../editor/models/VelcronDescriptors";
+import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
-import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VerticalAlignments } from "./Enums";
+import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { useVelcronThemingStore } from "..";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 export interface ResolvedComponentRenderer {
@@ -22,24 +22,21 @@ export interface BuiltInComponentRenderers {
     "Dialog": unknown;
     "Icon": unknown;
     "Chip": unknown;
+    "Markdown": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
     schema: string;
 }
-export interface VelcronState {
-    colorSchemas?: {
-        [key: string]: ColorSchemaReference;
-    };
-}
+export type DynamicState = object;
 export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
 }
 export interface VelcronRenderContext {
     id?: string;
-    rootContext: VelcronState;
-    currentContext: VelcronState;
+    rootContext: DynamicState;
+    currentContext: DynamicState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     colors?: ReturnType<typeof useVelcronColorSchemaStore>;
     actions?: {
@@ -55,6 +52,7 @@ export interface VelcronRenderContext {
     parent?: VelcronRenderContext;
     hooks?: VelcronRenderContextHooks;
     eventHandlers?: VelcronRenderContextEventHandlers;
+    editMode?: boolean;
 }
 export interface VelcronRenderContextEventHandlers {
     receiving?: {
@@ -66,6 +64,7 @@ export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);
     onItemSelected?: ((item: VelcronDefinition) => void);
     onItemRendered?: ((item: VelcronDefinition) => OnItemRenderedHookResult);
+    onItemCreatedProps?: ((item: VelcronDefinition) => object);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -107,13 +106,6 @@ export interface VelcronDefinitionBase {
      */
     key?: string;
 }
-export interface VelcronColorStyling {
-    colorSchemaType?: string;
-    color?: string;
-    filled?: boolean;
-    container?: boolean;
-    toned?: boolean;
-}
 export interface VelcronDefinition extends VelcronDefinitionBase {
     body?: Array<VelcronDefinition>;
     style?: VelcronStyling;
@@ -121,6 +113,18 @@ export interface VelcronDefinition extends VelcronDefinitionBase {
     if?: string;
     events?: VelcronEvent;
 }
+export type VelcronBindableProp<TPropType = string> = TPropType | string;
+export type VelcronStringBindableProp = string;
+export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
+    edit?: VelcronBindableProp<boolean>;
+}
+export interface VelcronColorStyling {
+    colorSchemaType?: string;
+    color?: string;
+    filled?: boolean;
+    container?: boolean;
+    toned?: boolean;
+}
 export interface VelcronStyling {
     margin?: number;
     marginTop?: number;
@@ -148,15 +152,17 @@ export interface VelcronIcon {
     type: VelcronIconTypes;
     name: string;
 }
-export interface VelcronAppDefinition extends VelcronDefinitionBase {
+export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
     type: "Velcron";
+    version: string;
+    name: string;
     body?: Array<VelcronDefinition>;
-    events?: VelcronOnLoadEvent & VelcronOnPressEvent;
+    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
     actions?: {
         [name: string]: [];
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    state?: VelcronState;
+    state?: TState;
     computed?: {
         [name: string]: [];
     };
@@ -168,23 +174,34 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
 /*** Built-in Components *********************************************************************/
 export interface VelcronViewDefinition extends VelcronDefinition {
     type: "View";
-    style?: VelcronStyling;
+    color?: VelcronColorStyling;
     events?: VelcronOnPressEvent;
+    column?: boolean;
+    columnStyle?: object;
+    horizontalAlignment?: VelcronHorizontalAlignments;
+    verticalAlignment?: VelcronVerticalAlignments;
+    grow?: number;
+    border?: VelcronBorder;
+    borderRadius?: VelcronDimensions;
+    width?: string;
 }
-export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronCardDefinition extends VelcronDefinition {
     type: "Card";
+    color?: VelcronColorStyling;
     style?: VelcronCardStyling;
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronTextDefinition extends VelcronDefinition {
+export interface VelcronTextDefinition extends VelcronDefinitionEditableProperty {
     type: "Text";
     text: string;
+    bind: string;
+    editLabel?: VelcronBindableProp;
     color?: string;
-    lineClamp: number;
-    noWrap: boolean;
+    lineClamp?: number;
+    noWrap?: boolean;
     typography?: string;
-    events?: VelcronOnPressEvent;
+    events?: VelcronOnPressEvent & VelcronOnChangedEvent;
 }
 export declare enum VelcronImageRatios {
     square = 1,
@@ -194,10 +211,11 @@ export interface VelcronImageDefinition extends VelcronDefinition {
     type: "Image";
     source: string;
     ratio: VelcronImageRatios;
+    cover?: VelcronBindableProp<boolean>;
     borderRadius?: VelcronDimensions;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronButtonDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronButtonDefinition extends VelcronDefinition {
     type: "Button";
     text: string;
     icon?: VelcronIcon;
@@ -225,23 +243,18 @@ export interface VelcronDialogDefinition extends VelcronDefinition {
     visible: string;
     events?: VelcronOnCloseRequestedEvent & VelcronOnClosedEvent;
 }
-export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronIconDefinition extends VelcronDefinition {
     type: "Icon";
     icon: string;
+    color: VelcronColorStyling;
     size?: number;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "FlexView";
-    column?: boolean;
-    body: Array<VelcronDefinition>;
-    columnStyle?: object;
-    horizontalAlignment?: VelcronHorizontalAlignments;
-    verticalAlignment?: VerticalAlignments;
-    grow?: number;
-    border?: VelcronBorder;
-    borderRadius?: VelcronDimensions;
-    width: string;
+export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode {
+    type: "Markdown";
+    text: string;
+    bind: string;
+    events: VelcronOnChangedEvent;
 }
 export interface VelcronDimensions {
     top: number;
@@ -252,7 +265,7 @@ export interface VelcronDimensions {
 export interface VelcronBorder extends VelcronDimensions {
     color: string;
 }
-export interface VelcronChipDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronChipDefinition extends VelcronDefinition {
     type: "Chip";
     text: string;
     icon?: VelcronIcon;

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronEvents.d.ts

@@ -4,6 +4,9 @@ export type VelcronOnPressEvent = {
 export type VelcronOnLoadEvent = {
     onLoaded?: Array<string>;
 };
+export type VelcronOnEditModeEvent = {
+    onEditMode?: Array<string>;
+};
 export type VelcronOnChangedEvent = {
     onChanged?: Array<string>;
 };

package/internal-do-not-import-from-here/ux/velcron/core/models/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./VelcronDefinitions";
 export * from "./ViewModelAndContext";
-export * from "./VelcronDescriptors";
 export * from "./VelcronEvents";
 export * from "./VelcronTypes";
 export * from "./Enums";

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts

@@ -12,6 +12,7 @@ export declare const VelcronConstants: {
         dialog: string;
         icon: string;
         chip: string;
+        markdown: string;
     };
     events: {
         idTokenStart: string;

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts

@@ -1,4 +1,4 @@
-import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
+import { BuiltInComponentRenderers, DynamicState, ResolvedComponentRenderer, VelcronDefinition, VelcronRenderContext } from "../models";
 export declare class VelcronRenderers {
     private static components;
     static registerComponent(type: string, component: any): void;
@@ -7,92 +7,6 @@ export declare class VelcronRenderers {
     static registerComponents(components: BuiltInComponentRenderers): void;
     static getComponent(definition: VelcronDefinition, renderContext: VelcronRenderContext): ResolvedComponentRenderer;
     static definitionContainsCustomColorSchema(definition: VelcronDefinition): boolean;
-    static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: VelcronState): {
-        rootContext: VelcronState;
-        theming: {
-            state: {
-                currentTheme: import("..").ThemeDefinitionV2;
-            };
-            get: {
-                colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
-                typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                color: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
-                complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
-                complementaryColor: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
-                currentTheme: () => import("..").ThemeDefinitionV2;
-            };
-            actions: {
-                setTheme(newTheme: import("..").ThemeDefinitionV2): void;
-            };
-        };
-        currentContext: VelcronState;
-        actions: {
-            [name: string]: [];
-        };
-        components: VelcronCustomComponentDefinition[];
-        hooks: import("..").VelcronRenderContextHooks;
-        computed: {
-            [name: string]: [];
-        };
-        colors: {
-            state: {
-                base: import("..").ColorDefinition;
-                onBase: import("..").ColorDefinition;
-                container: import("..").ColorDefinition;
-                onContainer: import("..").ColorDefinition;
-                isContainer: boolean;
-                name: string;
-                colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes;
-                themeStore: {
-                    state: {
-                        currentTheme: import("..").ThemeDefinitionV2;
-                    };
-                    get: {
-                        colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
-                        typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                        color: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        colorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
-                        complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
-                        complementaryColor: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
-                        currentTheme: () => import("..").ThemeDefinitionV2;
-                    };
-                    actions: {
-                        setTheme(newTheme: import("..").ThemeDefinitionV2): void;
-                    };
-                };
-            };
-            get: {
-                readonly colorSchema: import("..").ColorSchema;
-                readonly base: import("..").ColorDefinition;
-                readonly onBase: import("..").ColorDefinition;
-                readonly container: import("..").ColorDefinition;
-                readonly onContainer: import("..").ColorDefinition;
-            };
-            actions: {
-                setThemeStore: (themeStoreInstance: {
-                    state: {
-                        currentTheme: import("..").ThemeDefinitionV2;
-                    };
-                    get: {
-                        colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
-                        typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                        color: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        colorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
-                        complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
-                        complementaryColor: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                        complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
-                        currentTheme: () => import("..").ThemeDefinitionV2;
-                    };
-                    actions: {
-                        setTheme(newTheme: import("..").ThemeDefinitionV2): void;
-                    };
-                }, colorSchemaType?: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => void;
-                setColorSchema: (colorSchemaType: import("..").ColorSchemaType, container?: boolean) => void;
-            };
-        };
-    };
-    static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: VelcronState): VelcronRenderContext;
+    static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: DynamicState): VelcronRenderContext;
+    static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: DynamicState): VelcronRenderContext;
 }

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts

@@ -4,7 +4,7 @@ export declare class VelcronStyles {
     static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
     static unitProvider: VelcronUnitProvider;
     static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
-    static insertBackgroundColor(styleBase: any, definition: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
+    static insertBackgroundColor(styleBase: any, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
     static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions): void;
     static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
     static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;

package/internal-do-not-import-from-here/ux/velcron/core/rules/IsEditMode.d.ts

@@ -0,0 +1,20 @@
+import { VelcronDefinitionWithEditMode, VelcronRenderContext } from "../models";
+/**
+ * Determines if the application is in edit mode.
+ *
+ * Edit mode can be determined in two ways:
+ * 1. By a 'edit' property of the definition object, which is evaluated using the VelcronData.evaluateBoolean function.
+ * 2. By the 'editMode' property of the renderContext object.
+ *
+ * The function first checks if the 'edit' property is present in the definition object. If it is, it evaluates the property using the VelcronData.evaluateBoolean function, passing in the current render context, and returns the result.
+ *
+ * If the 'edit' property is not present in the definition object, it checks the 'editMode' property of the renderContext object. If 'editMode' is true, the function returns true.
+ *
+ * If neither 'edit' nor 'editMode' are true, the function returns undefined.
+ *
+ * @function isEditMode
+ * @param {VelcronDefinitionWithEditMode} definition - The definition object to check for the 'edit' property.
+ * @param {VelcronRenderContext} renderContext - The render context to use for evaluating the 'edit' property and to check for 'editMode'.
+ * @returns {boolean | undefined} - Returns true if either 'edit' evaluates to true or 'editMode' is true. Returns undefined otherwise.
+ */
+export declare function isEditMode(definition: VelcronDefinitionWithEditMode, renderContext: VelcronRenderContext): boolean;

package/internal-do-not-import-from-here/ux/velcron/core/rules/index.d.ts

@@ -0,0 +1 @@
+export * from "./IsEditMode";

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronColorSchema.d.ts

@@ -8,25 +8,26 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         onContainer: ColorDefinition;
         isContainer: boolean;
         name: string;
-        colorSchemaType: ColorSchemaType | ColorSchemaTypes;
+        colorSchemaType: ColorSchemaTypes | ColorSchemaType;
         themeStore: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
-                colorSchema: (colorSchemaType: ColorSchemaType | ColorSchemaTypes) => ColorSchema;
+                colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
                 typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
-                color: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
+                color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
                 complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
-                complementaryColor: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: ColorSchemaType | ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
+                complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => ColorDefinition;
                 currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
             };
             actions: {
                 setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
             };
         };
+        id: import("@omnia/fx-models").GuidValue;
     };
     get: {
         readonly colorSchema: ColorSchema;
@@ -36,7 +37,7 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         readonly onContainer: ColorDefinition;
     };
     actions: {
-        setThemeStore: (themeStoreInstance: ReturnType<typeof useVelcronThemingStore>, colorSchemaType?: ColorSchemaTypes | ColorSchemaType) => void;
+        setThemeStore: (themeStoreInstance: ReturnType<typeof useVelcronThemingStore>, colorSchemaType?: ColorSchemaTypes | ColorSchemaType, container?: boolean) => void;
         setColorSchema: (colorSchemaType: ColorSchemaType, container?: boolean) => void;
     };
 };

package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.css.d.ts

@@ -1,6 +1,7 @@
 export declare const VelcronEditorStyles: {
     contentContainer: string;
     leftCompontentContainer: string;
+    leftCompontentContainerCode: string;
     leftNavContainer: string;
     panesWrapper: (splitterColor: any) => string;
 };