@omnia/fx 8.0.136-dev → 8.0.138-dev

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

@@ -0,0 +1,99 @@
+import { IIcon, IconBlueprint, ThemeContextType } from "@omnia/fx-models";
+import { DefineSlot } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
+type EditorVariant = "default" | "dialog";
+declare const _default: (props: {
+    "v-model"?: IconBlueprint;
+} & {
+    "onUpdate:modelValue"?: (value: IconBlueprint) => void;
+} & {
+    modelValue?: IconBlueprint;
+} & {
+    icon?: IIcon;
+} & {
+    dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+} & {
+    variant?: EditorVariant;
+} & {
+    themeType?: ThemeContextType;
+} & {
+    simpleMode?: boolean;
+} & {
+    enableDynamicColor?: boolean;
+} & {
+    label?: string;
+} & Omit<{
+    "onInit:actionButtons"?: (value: () => VNodeChild) => any;
+}, "icon" | "label" | "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">) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $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: {
+        "v-model"?: IconBlueprint;
+    } & {
+        "onUpdate:modelValue"?: (value: IconBlueprint) => void;
+    } & {
+        modelValue?: IconBlueprint;
+    } & {
+        icon?: IIcon;
+    } & {
+        dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+    } & {
+        variant?: EditorVariant;
+    } & {
+        themeType?: ThemeContextType;
+    } & {
+        simpleMode?: boolean;
+    } & {
+        enableDynamicColor?: boolean;
+    } & {
+        label?: string;
+    } & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & 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">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+export declare const IconStylePickerStyles: {
+    selector: (dark: boolean) => string;
+    container: string;
+};

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

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