@omnia/fx 8.0.140-dev → 8.0.142-dev

package/internal-do-not-import-from-here/ux/blueprintpickers/chrome/ChromePicker.d.ts

@@ -12,6 +12,11 @@ declare const _default: {
         customChrome: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "preview-color-schema-type": {
             type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
             required: false;
@@ -102,6 +107,11 @@ declare const _default: {
         customChrome: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "preview-color-schema-type": {
             type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
             required: false;
@@ -197,6 +207,11 @@ declare const _default: {
         customChrome: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "preview-color-schema-type": {
             type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
             required: false;
@@ -289,6 +304,11 @@ declare const _default: {
     customChrome: {
         type: import("vue").PropType<boolean>;
     };
+    toned: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     "preview-color-schema-type": {
         type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic">;
         required: false;
@@ -431,6 +451,7 @@ declare const _default: {
             }>;
         };
         label?: string;
+        toned?: boolean;
         "v-model"?: BlueprintVariant | ChromeBlueprint;
         "onUpdate:modelValue"?: (value: BlueprintVariant | ChromeBlueprint) => any;
         modelValue?: BlueprintVariant | ChromeBlueprint;

package/internal-do-not-import-from-here/ux/blueprintpickers/iconstylepicker/IconStyleEditor.d.ts

@@ -14,6 +14,8 @@ declare const _default: (props: {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
 } & {
     variant?: EditorVariant;
+} & {
+    toned?: boolean;
 } & {
     themeType?: ThemeContextType;
 } & {
@@ -24,11 +26,11 @@ declare const _default: (props: {
     label?: string;
 } & Omit<{
     "onInit:actionButtons"?: (value: () => VNodeChild) => any;
-}, "icon" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode"> & {
+}, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & DefineSlot<"activator", () => VNodeChild>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -78,6 +80,8 @@ declare const _default: (props: {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
     } & {
         variant?: EditorVariant;
+    } & {
+        toned?: boolean;
     } & {
         themeType?: ThemeContextType;
     } & {
@@ -92,7 +96,7 @@ declare const _default: (props: {
         } & DefineSlot<"activator", () => VNodeChild>;
     } & {
         "onInit:actionButtons"?: (value: () => VNodeChild) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "simpleMode">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/blueprintpickers/iconstylepicker/IconStylePicker.d.ts

@@ -13,15 +13,17 @@ declare const _default: (props: {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
 } & {
     themeType?: ThemeContextType;
+} & {
+    toned?: boolean;
 } & {
     enableDynamicColor?: boolean;
 } & {
     label?: string;
-} & Omit<{}, "icon" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
+} & Omit<{}, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & DefineSlot<"activator", () => VNodeChild>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -71,6 +73,8 @@ declare const _default: (props: {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
     } & {
         themeType?: ThemeContextType;
+    } & {
+        toned?: boolean;
     } & {
         enableDynamicColor?: boolean;
     } & {
@@ -79,7 +83,7 @@ declare const _default: (props: {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & DefineSlot<"activator", () => VNodeChild>;
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "label" | "toned" | "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/blueprintpickers/spacingpicker/SpacingPicker3.d.ts

@@ -6,6 +6,11 @@ declare const _default: {
         } & {
             type: import("vue").PropType<string>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "disable-right": {
             type: import("vue").PropType<boolean>;
         };
@@ -119,6 +124,11 @@ declare const _default: {
         } & {
             type: import("vue").PropType<string>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "disable-right": {
             type: import("vue").PropType<boolean>;
         };
@@ -241,6 +251,11 @@ declare const _default: {
         } & {
             type: import("vue").PropType<string>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "disable-right": {
             type: import("vue").PropType<boolean>;
         };
@@ -360,6 +375,11 @@ declare const _default: {
     } & {
         type: import("vue").PropType<string>;
     };
+    toned: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     "disable-right": {
         type: import("vue").PropType<boolean>;
     };
@@ -540,6 +560,7 @@ declare const _default: {
         };
         class?: String | String[];
         label?: string;
+        toned?: boolean;
         "v-model"?: Spacing;
         "onUpdate:modelValue"?: (value: Spacing) => any;
         modelValue?: Spacing;

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

@@ -7,13 +7,15 @@ declare const _default: (props: {
     modelValue?: TabsBlueprint;
 } & {
     label?: string;
+} & {
+    toned?: boolean;
 } & {
     customStyling?: boolean;
-} & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customStyling"> & {
+} & Omit<{}, "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customStyling"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customStyling">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customStyling">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -59,13 +61,15 @@ declare const _default: (props: {
         modelValue?: TabsBlueprint;
     } & {
         label?: string;
+    } & {
+        toned?: boolean;
     } & {
         customStyling?: boolean;
     } & {
         "v-slots"?: {
             default?: import("vue").Slot;
         };
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customStyling">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customStyling">;
 } & 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

@@ -11,15 +11,17 @@ declare const _default: (props: {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
 } & {
     themeType?: ThemeContextType;
+} & {
+    toned?: boolean;
 } & {
     label?: string;
 } & {
     enableDynamicColor?: boolean;
-} & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor"> & {
+} & Omit<{}, "label" | "toned" | "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" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -67,6 +69,8 @@ declare const _default: (props: {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
     } & {
         themeType?: ThemeContextType;
+    } & {
+        toned?: boolean;
     } & {
         label?: string;
     } & {
@@ -75,7 +79,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" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "toned" | "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/blueprintpickers/typography/TypographyPicker.d.ts

@@ -12,15 +12,17 @@ declare const _default: (props: {
     type?: TypographyPickerTypes;
 } & {
     textBlueprint?: TextBlueprint;
+} & {
+    toned?: boolean;
 } & {
     label?: string;
 } & {
     sampleText?: string;
-} & Omit<{}, "type" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText"> & {
+} & Omit<{}, "type" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -70,6 +72,8 @@ declare const _default: (props: {
         type?: TypographyPickerTypes;
     } & {
         textBlueprint?: TextBlueprint;
+    } & {
+        toned?: boolean;
     } & {
         label?: string;
     } & {
@@ -78,7 +82,7 @@ declare const _default: (props: {
         "v-slots"?: {
             default?: import("vue").Slot;
         };
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

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

@@ -19,13 +19,15 @@ declare const _default: (props: {
     enableDynamicColor?: boolean;
 } & {
     createNewColorDynamic?: boolean;
+} & {
+    toned?: boolean;
 } & {
     label?: string;
-} & DefineSlot<"activator", () => VNodeChild> & Omit<{}, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic"> & {
+} & DefineSlot<"activator", () => VNodeChild> & Omit<{}, "label" | "toned" | "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" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -81,13 +83,15 @@ declare const _default: (props: {
         enableDynamicColor?: boolean;
     } & {
         createNewColorDynamic?: boolean;
+    } & {
+        toned?: boolean;
     } & {
         label?: string;
     } & DefineSlot<"activator", () => VNodeChild> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         };
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "toned" | "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/colorschemapicker/ColorSchemaViewer.d.ts

@@ -1,5 +1,5 @@
 import { ColorSchema } from "@omnia/fx-models";
-type Variant = "default" | "toolbar" | "card-preview";
+type Variant = "default" | "toolbar" | "palette" | "card-preview";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         class: {

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

@@ -12,6 +12,8 @@ declare const _default: (props: {
     title?: string;
 } & {
     dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+} & {
+    toned?: boolean;
 } & {
     themeType?: ThemeContextType;
 } & {
@@ -22,11 +24,11 @@ declare const _default: (props: {
     label?: string;
 } & Omit<{
     onActivator?: () => any;
-}, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic"> & {
+}, "title" | "label" | "colorType" | "toned" | "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" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "toned" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -76,6 +78,8 @@ declare const _default: (props: {
         title?: string;
     } & {
         dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+    } & {
+        toned?: boolean;
     } & {
         themeType?: ThemeContextType;
     } & {
@@ -90,7 +94,7 @@ declare const _default: (props: {
         };
     } & {
         onActivator?: () => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "v-model" | "onUpdate:modelValue" | "modelValue" | "themeType" | "dynamicColorSchemaType" | "enableDynamicColor" | "createNewColorDynamic">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "label" | "colorType" | "toned" | "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

@@ -130,8 +130,7 @@ declare const JourneyBladeComponent: {
         };
         id: {
             type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
+            required: true;
         };
         "sub-title": {
             type: import("vue").PropType<string>;
@@ -278,8 +277,7 @@ declare const JourneyBladeComponent: {
         };
         id: {
             type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
+            required: true;
         };
         "sub-title": {
             type: import("vue").PropType<string>;
@@ -424,8 +422,7 @@ declare const JourneyBladeComponent: {
         };
         id: {
             type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
+            required: true;
         };
         "sub-title": {
             type: import("vue").PropType<string>;
@@ -567,8 +564,7 @@ declare const JourneyBladeComponent: {
     };
     id: {
         type: import("vue").PropType<GuidValue>;
-    } & {
-        type: import("vue").PropType<GuidValue>;
+        required: true;
     };
     "sub-title": {
         type: import("vue").PropType<string>;
@@ -598,12 +594,13 @@ declare const JourneyBladeComponent: {
     "click:back": (id: GuidValue) => true;
     "click:add": (id: GuidValue) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    propsDefinition: Omit<Readonly<{
+        id: GuidValue;
+    } & {
         title?: string;
         switch?: switchValue;
         icon?: IIcon;
         delete?: boolean;
-        id?: GuidValue;
         size?: "small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space";
         disabled?: boolean;
         settings?: boolean;

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

@@ -33,8 +33,7 @@ declare const _default: {
         };
         id: {
             type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
+            required: true;
         };
         title: {
             type: import("vue").PropType<string>;
@@ -79,8 +78,7 @@ declare const _default: {
         };
         id: {
             type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
+            required: true;
         };
         title: {
             type: import("vue").PropType<string>;
@@ -129,8 +127,7 @@ declare const _default: {
         };
         id: {
             type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
+            required: true;
         };
         title: {
             type: import("vue").PropType<string>;
@@ -176,8 +173,7 @@ declare const _default: {
     };
     id: {
         type: import("vue").PropType<GuidValue>;
-    } & {
-        type: import("vue").PropType<GuidValue>;
+        required: true;
     };
     title: {
         type: import("vue").PropType<string>;
@@ -191,10 +187,11 @@ declare const _default: {
     itemSelected: (item: JourneyMenuItem) => true;
     valueChanged: (item: JourneySwitchMenuItem) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    propsDefinition: Omit<Readonly<{
+        id: GuidValue;
+    } & {
         title?: string;
         icon?: IIcon;
-        id?: GuidValue;
         size?: "small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space";
         items?: JourneyMenuItem[];
         "v-slots"?: {

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

@@ -9,45 +9,58 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: import("vue").PropType<GuidValue>;
-        } & {
-            type: import("vue").PropType<GuidValue>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: import("vue").PropType<GuidValue>;
-    } & {
-        type: import("vue").PropType<GuidValue>;
+declare const _default: (props: {
+    id: GuidValue;
+} & Omit<{}, "id"> & {
+    "v-slots"?: {
+        default?: import("vue").Slot;
+    };
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "id">) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        id?: GuidValue;
-    }>, never>;
-};
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $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;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: {
+        id: GuidValue;
+    } & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        };
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "id">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
 export default _default;