@omnia/fx 8.0.23-vnext → 8.0.25-vnext

package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.d.ts

@@ -26,6 +26,55 @@ declare const _default: {
             items: {
                 type: import("vue").PropType<TreeViewItem<any>[]>;
             };
+            "v-model": {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+            name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            }; } & {
+                require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TreeViewItem<any>[], {
+                    "v-model": {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                }>;
+                defaultValue(value?: TreeViewItem<any>[]): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TreeViewItem<any>[], {
+                    "v-model": {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                }, false>;
+                doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TreeViewItem<any>[], {
+                    "v-model": {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                }>;
+            };
             colorSchemaType?: any;
             container?: any;
             colors?: any;
@@ -60,6 +109,55 @@ declare const _default: {
             items: {
                 type: import("vue").PropType<TreeViewItem<any>[]>;
             };
+            "v-model": {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+            name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            }; } & {
+                require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TreeViewItem<any>[], {
+                    "v-model": {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                }>;
+                defaultValue(value?: TreeViewItem<any>[]): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TreeViewItem<any>[], {
+                    "v-model": {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                }, false>;
+                doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TreeViewItem<any>[], {
+                    "v-model": {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<TreeViewItem<any>[]>;
+                        required: false;
+                    };
+                }>;
+            };
             colorSchemaType?: any;
             container?: any;
             colors?: any;
@@ -106,6 +204,55 @@ declare const _default: {
         items: {
             type: import("vue").PropType<TreeViewItem<any>[]>;
         };
+        "v-model": {
+            type: import("vue").PropType<TreeViewItem<any>[]>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<TreeViewItem<any>[]>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<TreeViewItem<any>[]>;
+            required: false;
+        }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<TreeViewItem<any>[]>;
+            required: false;
+        }; } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TreeViewItem<any>[], {
+                "v-model": {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TreeViewItem<any>[]): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TreeViewItem<any>[], {
+                "v-model": {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TreeViewItem<any>[], {
+                "v-model": {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            }>;
+        };
         colorSchemaType?: any;
         container?: any;
         colors?: any;
@@ -130,6 +277,55 @@ declare const _default: {
     items: {
         type: import("vue").PropType<TreeViewItem<any>[]>;
     };
+    "v-model": {
+        type: import("vue").PropType<TreeViewItem<any>[]>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<TreeViewItem<any>[]>;
+        required: false;
+    };
+    name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+        type: import("vue").PropType<TreeViewItem<any>[]>;
+        required: false;
+    }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+        type: import("vue").PropType<TreeViewItem<any>[]>;
+        required: false;
+    }; } & {
+        require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TreeViewItem<any>[], {
+            "v-model": {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        }>;
+        defaultValue(value?: TreeViewItem<any>[]): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TreeViewItem<any>[], {
+            "v-model": {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        }, false>;
+        doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TreeViewItem<any>[], {
+            "v-model": {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        }>;
+    };
     colorSchemaType?: any;
     container?: any;
     colors?: any;
@@ -147,7 +343,54 @@ declare const _default: {
         colorSchemaType?: any;
         colors?: any;
     } & {
+        name?: {
+            [x: `v-model:${string}`]: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        } & {
+            [x: string]: {
+                type: import("vue").PropType<TreeViewItem<any>[]>;
+                required: false;
+            };
+        } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<string, TreeViewItem<any>[], {
+                "v-model": {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TreeViewItem<any>[]): import("../../DefineVueTypings").DefinePropModelDefaultValue<string, TreeViewItem<any>[], {
+                "v-model": {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<string, TreeViewItem<any>[], {
+                "v-model": {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TreeViewItem<any>[]>;
+                    required: false;
+                };
+            }>;
+        };
         multiple?: boolean;
+        "v-model"?: TreeViewItem<any>[];
+        modelValue?: TreeViewItem<any>[];
         "v-slots"?: {
             default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.css.d.ts

@@ -1,6 +1,6 @@
 import { ColorSchema, ThemeDefinitionV2 } from "@omnia/fx-models";
 export declare const ThemeDefinitionPickerStyles: {
-    menuContainer: (definition: ThemeDefinitionV2) => string;
+    menuContainer: (backgroundColor: string) => string;
     itemContainer: (definition: ThemeDefinitionV2) => string;
     IconColumn: string;
     titleColumn: string;

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.d.ts

@@ -8,6 +8,11 @@ declare const _default: {
             colorSchemaType?: any;
             colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            toned: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
             "v-model": {
                 type: import("vue").PropType<Guid>;
                 required: false;
@@ -77,6 +82,11 @@ declare const _default: {
         $emit: (event: "update:modelValue", theme: ThemeDefinitionV2) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            toned: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
             "v-model": {
                 type: import("vue").PropType<Guid>;
                 required: false;
@@ -158,6 +168,11 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        toned: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
         "v-model": {
             type: import("vue").PropType<Guid>;
             required: false;
@@ -217,6 +232,11 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    toned: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
     "v-model": {
         type: import("vue").PropType<Guid>;
         required: false;
@@ -330,6 +350,7 @@ declare const _default: {
         };
         "v-model"?: Guid;
         modelValue?: Guid;
+        toned?: string;
     }> & {
         "onUpdate:modelValue"?: (theme: ThemeDefinitionV2) => any;
     };

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/components/blueprints/BluePrintSelector.css.d.ts

@@ -1,5 +1,5 @@
 import { ColorSchema } from "@omnia/fx-models";
-export declare const BluePrintSelectorStyles: {
+export declare const BlueprintSelectorStyles: {
     titleColumn: string;
     colorPreview: (color: string) => string;
     itemContainer: (colorSchema: ColorSchema) => string;

package/internal-do-not-import-from-here/ux/use/UseColorSchemaSetup.d.ts

@@ -1 +1,70 @@
-export declare const useColorSchemaSetup: (props: object) => any;
+export declare const useColorSchemaSetup: (props: object) => {
+    state: {
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
+        isContainer: boolean;
+        name: string;
+        colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes;
+    };
+    get: {
+        readonly colorSchema: import("@omnia/fx-models").ColorSchema;
+        readonly base: import("@omnia/fx-models").ColorDefinition;
+        readonly onBase: import("@omnia/fx-models").ColorDefinition;
+        readonly container: import("@omnia/fx-models").ColorDefinition;
+        readonly onContainer: import("@omnia/fx-models").ColorDefinition;
+        dynamic: (isContainer: boolean) => {
+            readonly base: import("@omnia/fx-models").ColorDefinition;
+            readonly onBase: import("@omnia/fx-models").ColorDefinition;
+            readonly container: import("@omnia/fx-models").ColorDefinition;
+            readonly onContainer: import("@omnia/fx-models").ColorDefinition;
+        };
+    };
+    actions: {
+        setColorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void;
+        setThemeStore: (themeStoreInstance: {
+            state: {
+                currentTheme: import("../theming-v2").ThemeDefinitionInstance;
+            };
+            get: {
+                colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
+                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
+                complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+                blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("../../shared/models/theming/BlueprintDefinition").BlueprintDefinition;
+            };
+            actions: {
+                setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
+            };
+            events: {
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+            };
+            activated: void;
+        }) => void;
+        setCustomColorSchema: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void;
+        setColor: (colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void;
+    };
+    events: {
+        onMutatingBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingOnBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedOnBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingOnContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedOnContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingIsContainer: import("@omnia/fx").EventHook<boolean>;
+        onMutatedIsContainer: import("@omnia/fx").EventHook<boolean>;
+        onMutatingName: import("@omnia/fx").EventHook<string>;
+        onMutatedName: import("@omnia/fx").EventHook<string>;
+        onMutatingColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes>;
+        onMutatedColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes>;
+    };
+    activated: void;
+};

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

@@ -2,7 +2,8 @@ import { VelcronComponentDescriptor } from "./VelcronDescriptors";
 import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VerticalAlignments } from "./Enums";
-import { ColorSchema, ColorSchemaType, ColorSchemaTypes, useVelcronThemingStore } from "..";
+import { useVelcronThemingStore } from "..";
+import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 export interface ResolvedComponentRenderer {
     component: unknown;
     definition: VelcronDefinition;
@@ -19,7 +20,6 @@ export interface BuiltInComponentRenderers {
     "WebView": unknown;
     "CustomComponent": unknown;
     "Dialog": unknown;
-    "FlexView": unknown;
     "Icon": unknown;
     "Chip": unknown;
 }
@@ -41,8 +41,7 @@ export interface VelcronRenderContext {
     rootContext: VelcronState;
     currentContext: VelcronState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
-    colorSchemaType?: ColorSchemaTypes | ColorSchemaType;
-    colorSchema?: ColorSchema;
+    colors?: ReturnType<typeof useVelcronColorSchemaStore>;
     actions?: {
         [name: string]: [];
     };
@@ -108,10 +107,12 @@ export interface VelcronDefinitionBase {
      */
     key?: string;
 }
-export interface VelcronCustomThemeSettings {
-    colorSchema?: string;
+export interface VelcronColorStyling {
+    colorSchemaType?: string;
     color?: string;
-    opacity?: number;
+    filled?: boolean;
+    container?: boolean;
+    toned?: boolean;
 }
 export interface VelcronDefinition extends VelcronDefinitionBase {
     body?: Array<VelcronDefinition>;
@@ -170,7 +171,7 @@ export interface VelcronViewDefinition extends VelcronDefinition {
     style?: VelcronStyling;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronCardDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
+export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "Card";
     style?: VelcronCardStyling;
     footer?: Array<VelcronDefinition>;
@@ -196,10 +197,9 @@ export interface VelcronImageDefinition extends VelcronDefinition {
     borderRadius?: VelcronDimensions;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronButtonDefinition extends VelcronDefinition {
+export interface VelcronButtonDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "Button";
     text: string;
-    color: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;
@@ -225,14 +225,13 @@ export interface VelcronDialogDefinition extends VelcronDefinition {
     visible: string;
     events?: VelcronOnCloseRequestedEvent & VelcronOnClosedEvent;
 }
-export interface VelcronIconDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
+export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "Icon";
     icon: string;
-    background?: boolean;
     size?: number;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
+export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "FlexView";
     column?: boolean;
     body: Array<VelcronDefinition>;
@@ -253,7 +252,7 @@ export interface VelcronDimensions {
 export interface VelcronBorder extends VelcronDimensions {
     color: string;
 }
-export interface VelcronChipDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
+export interface VelcronChipDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "Chip";
     text: string;
     icon?: VelcronIcon;

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

@@ -1,20 +1,19 @@
+import { FontAwesomeIcon, MaterialIcon } from "@omnia/fx-models";
 import { VelcronComponentPropertyEditors, VelcronDescriptorTypes, VelcronDataTypes } from "./Enums";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 export interface VelcronDescriptor {
     descriptorType: VelcronDescriptorTypes;
-    icon: string;
+    icon: FontAwesomeIcon | MaterialIcon;
 }
 export interface VelcronComponentDescriptor extends VelcronDescriptor {
     descriptorType: VelcronDescriptorTypes.component;
     type: string;
-    icon: string;
     properties?: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>;
     events?: Array<VelcronComponentEventDescriptor>;
 }
 export interface VelcronSubComponentDescriptor extends VelcronDescriptor {
     descriptorType: VelcronDescriptorTypes.subComponent;
     type: string;
-    icon: string;
     properties?: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>;
     events?: Array<VelcronComponentEventDescriptor>;
 }

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

@@ -7,10 +7,9 @@ export declare const VelcronConstants: {
         image: string;
         button: string;
         textInput: string;
-        progressCircle: string;
+        progress: string;
         webView: string;
         dialog: string;
-        flexView: string;
         icon: string;
         chip: string;
     };

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

@@ -1,5 +1,4 @@
 import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
-import { ColorSchemaType } from "..";
 export declare class VelcronRenderers {
     private static components;
     static registerComponent(type: string, component: any): void;
@@ -15,13 +14,13 @@ export declare class VelcronRenderers {
                 currentTheme: import("..").ThemeDefinitionV2;
             };
             get: {
-                colorSchema: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
+                colorSchema: (colorSchemaType: import("..").ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
                 typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                color: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                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: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                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: {
@@ -37,6 +36,63 @@ export declare class VelcronRenderers {
         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;
 }

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

@@ -1,10 +1,10 @@
-import { VelcronBorder, VelcronCustomThemeSettings, VelcronDefinition, VelcronDimensions, VelcronRenderContext } from "../models";
+import { VelcronBorder, VelcronColorStyling, VelcronDefinition, VelcronDimensions, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 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: VelcronCustomThemeSettings, renderCtx: VelcronRenderContext): void;
+    static insertBackgroundColor(styleBase: any, definition: 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;