@omnia/fx 8.0.137-dev → 8.0.139-dev

package/internal-do-not-import-from-here/ux/blueprintpickers/stylepicker/StylePicker.d.ts

@@ -1,6 +1,6 @@
-import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, FillDefinition, TabsBlueprint } from "@omnia/fx-models";
+import { BorderStylingDefinition, ButtonBlueprint, ChromeBlueprint, FillDefinition, IconBlueprints, TabsBlueprint, ThemeContextType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
-type EditorVariant = "fill-style" | "border-style" | "button-style" | "tabs-style" | "chrome-style";
+type EditorVariant = "fill-style" | "border-style" | "button-style" | "tabs-style" | "chrome-style" | "icon-blueprints";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
@@ -8,6 +8,12 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         }>;
+        "theme-type": {
+            type: import("vue").PropType<ThemeContextType>;
+        };
+        themeType: {
+            type: import("vue").PropType<ThemeContextType>;
+        };
         "color-schema-type-preview": {
             type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
         };
@@ -32,18 +38,26 @@ declare const _default: {
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
         "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "selected:fillStyle": (style: FillDefinition) => any;
         "selected:borderStyle": (style: BorderStylingDefinition) => any;
         "selected:buttonStyle": (style: ButtonBlueprint) => any;
         "selected:tabsStyle": (style: TabsBlueprint) => any;
         "selected:chromeStyle": (style: ChromeBlueprint) => any;
+        "selected:iconBlueprints": (icons: IconBlueprints) => any;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             activator?: () => VNodeChild;
         }>;
+        "theme-type": {
+            type: import("vue").PropType<ThemeContextType>;
+        };
+        themeType: {
+            type: import("vue").PropType<ThemeContextType>;
+        };
         "color-schema-type-preview": {
             type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
         };
@@ -68,6 +82,7 @@ declare const _default: {
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
         "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, {
         container?: any;
         colorSchemaType?: any;
@@ -85,6 +100,12 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         }>;
+        "theme-type": {
+            type: import("vue").PropType<ThemeContextType>;
+        };
+        themeType: {
+            type: import("vue").PropType<ThemeContextType>;
+        };
         "color-schema-type-preview": {
             type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
         };
@@ -109,6 +130,7 @@ declare const _default: {
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
         "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     }, () => JSX.Element, {}, {}, {}, {
         container?: any;
         colorSchemaType?: any;
@@ -123,6 +145,12 @@ declare const _default: {
     } & {
         activator?: () => VNodeChild;
     }>;
+    "theme-type": {
+        type: import("vue").PropType<ThemeContextType>;
+    };
+    themeType: {
+        type: import("vue").PropType<ThemeContextType>;
+    };
     "color-schema-type-preview": {
         type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
     };
@@ -147,12 +175,14 @@ declare const _default: {
     "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
     "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
     "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+    "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "selected:fillStyle": (style: FillDefinition) => any;
     "selected:borderStyle": (style: BorderStylingDefinition) => any;
     "selected:buttonStyle": (style: ButtonBlueprint) => any;
     "selected:tabsStyle": (style: TabsBlueprint) => any;
     "selected:chromeStyle": (style: ChromeBlueprint) => any;
+    "selected:iconBlueprints": (icons: IconBlueprints) => any;
 }, string, {
     container?: any;
     colorSchemaType?: any;
@@ -170,14 +200,17 @@ declare const _default: {
             activator?: () => VNodeChild;
         };
         variant?: EditorVariant;
+        themeType?: ThemeContextType;
+        "theme-type"?: ThemeContextType;
         colorSchemaTypePreview?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
         "color-schema-type-preview"?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
-    }>, "onSelected:fillStyle" | "onSelected:borderStyle" | "onSelected:buttonStyle" | "onSelected:tabsStyle" | "onSelected:chromeStyle"> & {
+    }>, "onSelected:fillStyle" | "onSelected:borderStyle" | "onSelected:buttonStyle" | "onSelected:tabsStyle" | "onSelected:chromeStyle" | "onSelected:iconBlueprints"> & {
         "onSelected:fillStyle"?: (style: FillDefinition) => any;
         "onSelected:borderStyle"?: (style: BorderStylingDefinition) => any;
         "onSelected:buttonStyle"?: (style: ButtonBlueprint) => any;
         "onSelected:tabsStyle"?: (style: TabsBlueprint) => any;
         "onSelected:chromeStyle"?: (style: ChromeBlueprint) => any;
+        "onSelected:iconBlueprints"?: (icons: IconBlueprints) => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/blueprintpickers/tabs/TabBlueprintsViewer.d.ts

@@ -1,21 +1,23 @@
-import { BlueprintVariant, TabsBlueprints } from "@omnia/fx-models";
+import { BlueprintVariant, TabsBlueprints, ThemeContextType } from "@omnia/fx-models";
 declare const _default: (props: {
     "v-model"?: TabsBlueprints;
 } & {
     "onUpdate:modelValue"?: (value: TabsBlueprints) => void;
 } & {
     modelValue?: TabsBlueprints;
+} & {
+    themeType?: ThemeContextType;
 } & {
     toned?: boolean;
 } & {
     selectable?: boolean;
 } & Omit<{
     "onClick:select"?: (variant: BlueprintVariant) => any;
-}, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "selectable"> & {
+}, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "selectable"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "selectable">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "selectable">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -59,6 +61,8 @@ declare const _default: (props: {
         "onUpdate:modelValue"?: (value: TabsBlueprints) => void;
     } & {
         modelValue?: TabsBlueprints;
+    } & {
+        themeType?: ThemeContextType;
     } & {
         toned?: boolean;
     } & {
@@ -69,7 +73,7 @@ declare const _default: (props: {
         };
     } & {
         "onClick:select"?: (variant: BlueprintVariant) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "selectable">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "selectable">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/blueprintpickers/tabs/TabStyleEditor.d.ts

@@ -1,3 +1,4 @@
+import { ThemeContextType } from "@omnia/fx-models";
 import { TabsBlueprint } from "@omnia/fx-models";
 import { DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
@@ -8,16 +9,18 @@ declare const _default: (props: {
     "onUpdate:modelValue"?: (value: TabsBlueprint) => void;
 } & {
     modelValue?: TabsBlueprint;
+} & {
+    themeType?: ThemeContextType;
 } & {
     variant?: EditorVariant;
 } & Omit<{
     "onClick:confirm"?: (value: TabsBlueprint) => any;
     "onInit:actionButtons"?: (value: () => VNodeChild) => any;
-}, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant"> & {
+}, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & DefineSlot<"activator", () => VNodeChild>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -61,6 +64,8 @@ declare const _default: (props: {
         "onUpdate:modelValue"?: (value: TabsBlueprint) => void;
     } & {
         modelValue?: TabsBlueprint;
+    } & {
+        themeType?: ThemeContextType;
     } & {
         variant?: EditorVariant;
     } & {
@@ -70,7 +75,7 @@ declare const _default: (props: {
     } & {
         "onClick:confirm"?: (value: TabsBlueprint) => any;
         "onInit:actionButtons"?: (value: () => VNodeChild) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/blueprintpickers/textstylepicker/TextStylePicker.d.ts

@@ -1,4 +1,4 @@
-import { TextBlueprint } from "@omnia/fx-models";
+import { TextBlueprint, ThemeContextType } from "@omnia/fx-models";
 import { DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 declare const _default: (props: {
@@ -9,15 +9,17 @@ declare const _default: (props: {
     modelValue?: TextBlueprint;
 } & {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+} & {
+    themeType?: ThemeContextType;
 } & {
     label?: string;
 } & {
     enableDynamicColor?: boolean;
-} & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
+} & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & DefineSlot<"activator", () => VNodeChild>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "dynamicColorSchemaType" | "enableDynamicColor">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -63,6 +65,8 @@ declare const _default: (props: {
         modelValue?: TextBlueprint;
     } & {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+    } & {
+        themeType?: ThemeContextType;
     } & {
         label?: string;
     } & {
@@ -71,7 +75,7 @@ declare const _default: (props: {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & DefineSlot<"activator", () => VNodeChild>;
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "dynamicColorSchemaType" | "enableDynamicColor">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/borderpicker/BorderPicker.d.ts

@@ -1,5 +1,5 @@
 import { DefineSlot } from "@omnia/fx/ux";
-import { BorderStylingDefinition } from "@omnia/fx-models";
+import { BorderStylingDefinition, ThemeContextType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 declare const _default: (props: {
     "v-model"?: BorderStylingDefinition;
@@ -11,6 +11,8 @@ declare const _default: (props: {
     individualRadiusSelection?: boolean;
 } & {
     individualWidthSelection?: boolean;
+} & {
+    themeType?: ThemeContextType;
 } & {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
 } & {
@@ -19,11 +21,11 @@ declare const _default: (props: {
     createNewColorDynamic?: boolean;
 } & {
     label?: string;
-} & DefineSlot<"activator", () => VNodeChild> & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic"> & {
+} & DefineSlot<"activator", () => VNodeChild> & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -71,6 +73,8 @@ declare const _default: (props: {
         individualRadiusSelection?: boolean;
     } & {
         individualWidthSelection?: boolean;
+    } & {
+        themeType?: ThemeContextType;
     } & {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
     } & {
@@ -83,7 +87,7 @@ declare const _default: (props: {
         "v-slots"?: {
             default?: import("vue").Slot;
         };
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/colorpickerV2/ColorPicker.d.ts

@@ -1,4 +1,4 @@
-import { ColorValue } from "@omnia/fx-models";
+import { ColorValue, ThemeContextType } from "@omnia/fx-models";
 export type ColorPickerType = "default" | "base" | "onBase";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
@@ -9,6 +9,12 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
+        "theme-type": {
+            type: import("vue").PropType<ThemeContextType>;
+        };
+        themeType: {
+            type: import("vue").PropType<ThemeContextType>;
+        };
         label: {
             type: import("vue").PropType<string>;
         } & {
@@ -129,6 +135,12 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
+        "theme-type": {
+            type: import("vue").PropType<ThemeContextType>;
+        };
+        themeType: {
+            type: import("vue").PropType<ThemeContextType>;
+        };
         label: {
             type: import("vue").PropType<string>;
         } & {
@@ -258,6 +270,12 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             required: false;
         };
+        "theme-type": {
+            type: import("vue").PropType<ThemeContextType>;
+        };
+        themeType: {
+            type: import("vue").PropType<ThemeContextType>;
+        };
         label: {
             type: import("vue").PropType<string>;
         } & {
@@ -384,6 +402,12 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
         required: false;
     };
+    "theme-type": {
+        type: import("vue").PropType<ThemeContextType>;
+    };
+    themeType: {
+        type: import("vue").PropType<ThemeContextType>;
+    };
     label: {
         type: import("vue").PropType<string>;
     } & {
@@ -574,6 +598,8 @@ declare const _default: {
         "v-model"?: ColorValue;
         "onUpdate:modelValue"?: (value: ColorValue) => any;
         modelValue?: ColorValue;
+        themeType?: ThemeContextType;
+        "theme-type"?: ThemeContextType;
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
         "dynamic-color-schema-type"?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
         enableDynamicColor?: boolean;

package/internal-do-not-import-from-here/ux/fillpicker/FillPicker.d.ts

@@ -1,5 +1,5 @@
-import { FillDefinition } from "@omnia/fx-models";
-export type ColorPickerType = "default" | "all" | "onBase";
+import { FillDefinition, ThemeContextType } from "@omnia/fx-models";
+export type ColorPickerType = "default" | "all" | "onBase" | "base";
 declare const _default: (props: {
     "v-model"?: FillDefinition;
 } & {
@@ -12,6 +12,8 @@ declare const _default: (props: {
     title?: string;
 } & {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+} & {
+    themeType?: ThemeContextType;
 } & {
     enableDynamicColor?: boolean;
 } & {
@@ -20,11 +22,11 @@ declare const _default: (props: {
     label?: string;
 } & Omit<{
     onActivator?: () => any;
-}, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic"> & {
+}, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -74,6 +76,8 @@ declare const _default: (props: {
         title?: string;
     } & {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+    } & {
+        themeType?: ThemeContextType;
     } & {
         enableDynamicColor?: boolean;
     } & {
@@ -86,7 +90,7 @@ declare const _default: (props: {
         };
     } & {
         onActivator?: () => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/journey/JourneyBlade.d.ts

@@ -62,9 +62,9 @@ declare const JourneyBladeComponent: {
             type: import("vue").PropType<() => boolean | Promise<boolean>>;
         };
         variant: {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         } & {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         };
         icon: {
             type: import("vue").PropType<IIcon>;
@@ -210,9 +210,9 @@ declare const JourneyBladeComponent: {
             type: import("vue").PropType<() => boolean | Promise<boolean>>;
         };
         variant: {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         } & {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         };
         icon: {
             type: import("vue").PropType<IIcon>;
@@ -356,9 +356,9 @@ declare const JourneyBladeComponent: {
             type: import("vue").PropType<() => boolean | Promise<boolean>>;
         };
         variant: {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         } & {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         };
         icon: {
             type: import("vue").PropType<IIcon>;
@@ -499,9 +499,9 @@ declare const JourneyBladeComponent: {
         type: import("vue").PropType<() => boolean | Promise<boolean>>;
     };
     variant: {
-        type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+        type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
     } & {
-        type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+        type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
     };
     icon: {
         type: import("vue").PropType<IIcon>;
@@ -615,7 +615,7 @@ declare const JourneyBladeComponent: {
             actionsFooter?: Func<[VNodeChild]>;
         };
         remove?: boolean;
-        variant?: "info" | "read-only" | "preview" | "edit" | "new";
+        variant?: "info" | "preview" | "read-only" | "edit" | "new";
         subTitle?: string;
         "sub-title"?: string;
         loading?: boolean;

package/internal-do-not-import-from-here/ux/journey/stores/JourneyRouterStore.d.ts

@@ -1 +1,71 @@
-export declare const useJourneyRouterStore: () => any;
+import { GuidValue, JourneyBladeRouter } from "@omnia/fx-models";
+export interface InternalJourneyBladeRouter extends JourneyBladeRouter {
+    visible?: boolean;
+}
+export declare const useJourneyRouterStore: () => {
+    get: {
+        blade<T extends InternalJourneyBladeRouter>(bladeId: GuidValue): T;
+    };
+    actions: {
+        onDispatching: {
+            hideBlade: {
+                subscribe(fn: (blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            showBlade: {
+                subscribe(fn: (blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            ensureBlade: {
+                subscribe(fn: (blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            updateBlade: {
+                subscribe(fn: (blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            removeBlade: {
+                subscribe(fn: (blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            hideBlade: {
+                subscribe(fn: (result: void, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            showBlade: {
+                subscribe(fn: (result: void, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            ensureBlade: {
+                subscribe(fn: (result: void, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            updateBlade: {
+                subscribe(fn: (result: void, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            removeBlade: {
+                subscribe(fn: (result: void, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            hideBlade: {
+                subscribe(fn: (failureReason: any, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            showBlade: {
+                subscribe(fn: (failureReason: any, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            ensureBlade: {
+                subscribe(fn: (failureReason: any, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            updateBlade: {
+                subscribe(fn: (failureReason: any, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            removeBlade: {
+                subscribe(fn: (failureReason: any, blade: JourneyBladeRouter<{}>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        hideBlade(blade: JourneyBladeRouter): void;
+        showBlade(blade: JourneyBladeRouter): void;
+        ensureBlade(blade: JourneyBladeRouter): void;
+        updateBlade(blade: JourneyBladeRouter): void;
+        removeBlade(blade: JourneyBladeRouter): void;
+    };
+    events: {
+        onMutatedBlades: import("../../..").MessageBusExposeOnlySubscription<InternalJourneyBladeRouter[]>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+};

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

@@ -1,5 +1,5 @@
-import { GuidValue } from "@omnia/fx-models";
-export declare function useBlade(bladeId: GuidValue): {
+import { GuidValue, JourneyBladeRouter } from "@omnia/fx-models";
+export declare function useBlade<T extends JourneyBladeRouter>(bladeId: GuidValue): {
     Blade: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
@@ -51,9 +51,9 @@ export declare function useBlade(bladeId: GuidValue): {
                 type: import("vue").PropType<() => boolean | Promise<boolean>>;
             };
             variant: {
-                type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+                type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
             } & {
-                type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+                type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
             };
             icon: {
                 type: import("vue").PropType<import("@omnia/fx-models").IIcon>;
@@ -199,9 +199,9 @@ export declare function useBlade(bladeId: GuidValue): {
                 type: import("vue").PropType<() => boolean | Promise<boolean>>;
             };
             variant: {
-                type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+                type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
             } & {
-                type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+                type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
             };
             icon: {
                 type: import("vue").PropType<import("@omnia/fx-models").IIcon>;
@@ -345,9 +345,9 @@ export declare function useBlade(bladeId: GuidValue): {
                 type: import("vue").PropType<() => boolean | Promise<boolean>>;
             };
             variant: {
-                type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+                type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
             } & {
-                type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+                type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
             };
             icon: {
                 type: import("vue").PropType<import("@omnia/fx-models").IIcon>;
@@ -488,9 +488,9 @@ export declare function useBlade(bladeId: GuidValue): {
             type: import("vue").PropType<() => boolean | Promise<boolean>>;
         };
         variant: {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         } & {
-            type: import("vue").PropType<"info" | "read-only" | "preview" | "edit" | "new">;
+            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
         };
         icon: {
             type: import("vue").PropType<import("@omnia/fx-models").IIcon>;
@@ -604,7 +604,7 @@ export declare function useBlade(bladeId: GuidValue): {
                 actionsFooter?: import("@omnia/fx-models").Func<[import("vue").VNodeChild]>;
             };
             remove?: boolean;
-            variant?: "info" | "read-only" | "preview" | "edit" | "new";
+            variant?: "info" | "preview" | "read-only" | "edit" | "new";
             subTitle?: string;
             "sub-title"?: string;
             loading?: boolean;
@@ -634,15 +634,16 @@ export declare function useBlade(bladeId: GuidValue): {
             "onClick:settings"?: (id: GuidValue) => any;
         };
     };
+    readonly router: T;
     moveNext(): void;
     movePrev(): void;
     travelTo(toBladeId: GuidValue): void;
-    getSharedState: <T>() => {
-        state: T;
-        events: { [K in keyof T as `onMutated${Capitalize<string & K>}`]: import("../../..").MessageBusExposeOnlySubscription<T[K]>; } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    getSharedState: <T_1>() => {
+        state: T_1;
+        events: { [K in keyof T_1 as `onMutated${Capitalize<string & K>}`]: import("../../..").MessageBusExposeOnlySubscription<T_1[K]>; } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     };
-    defineValueToSave<T_1>(value?: T_1): {
-        value: T_1;
-        setValue: (value: T_1) => void;
+    defineValueToSave<T_2>(value?: T_2): {
+        value: T_2;
+        setValue: (value: T_2) => void;
     };
 };