@omnia/fx 8.0.21-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/theming-v2/colorschemapicker/ColorSchemaPicker.d.ts

@@ -1,29 +1,66 @@
-import { ColorSchema } from "@omnia/fx-models";
-import { VNodeChild } from "vue";
+import { ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            container?: any;
-            colorSchemaType?: any;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            "v-slots": import("vue").Prop<{
-                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
             } & {
-                activator?: () => VNodeChild;
-            }>;
+                type: import("vue").PropType<string>;
+            };
             "v-model": {
-                type: import("vue").PropType<unknown>;
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
             };
             modelValue: {
-                type: import("vue").PropType<unknown>;
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+            name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            }; } & {
+                require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ColorSchemaType | ColorSchemaTypes, {
+                    "v-model": {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                }>;
+                defaultValue(value?: ColorSchemaType | ColorSchemaTypes): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorSchemaType | ColorSchemaTypes, {
+                    "v-model": {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                }, false>;
+                doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ColorSchemaType | ColorSchemaTypes, {
+                    "v-model": {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                }>;
             };
-            colorSchemaType?: any;
-            container?: any;
         }>> & {
-            "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+            "onUpdate:modelValue"?: (value: ColorSchemaTypes) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -35,30 +72,68 @@ declare const _default: {
         }>;
         $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: "update:modelValue", colorSchema: ColorSchema) => void;
+        $emit: (event: "update:modelValue", value: ColorSchemaTypes) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            "v-slots": import("vue").Prop<{
-                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+            label: {
+                type: import("vue").PropType<string>;
             } & {
-                activator?: () => VNodeChild;
-            }>;
+                type: import("vue").PropType<string>;
+            };
             "v-model": {
-                type: import("vue").PropType<unknown>;
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
             };
             modelValue: {
-                type: import("vue").PropType<unknown>;
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+            name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            }; } & {
+                require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ColorSchemaType | ColorSchemaTypes, {
+                    "v-model": {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                }>;
+                defaultValue(value?: ColorSchemaType | ColorSchemaTypes): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorSchemaType | ColorSchemaTypes, {
+                    "v-model": {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                }, false>;
+                doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ColorSchemaType | ColorSchemaTypes, {
+                    "v-model": {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                } & {
+                    modelValue: {
+                        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                        required: false;
+                    };
+                }>;
             };
-            colorSchemaType?: any;
-            container?: any;
         }>> & {
-            "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
+            "onUpdate:modelValue"?: (value: ColorSchemaTypes) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (colorSchema: ColorSchema) => true;
-        }, string, {
-            container?: any;
-            colorSchemaType?: any;
-        }, {}, string> & {
+            "update:modelValue": (value: ColorSchemaTypes) => any;
+        }, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -79,60 +154,177 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+        label: {
+            type: import("vue").PropType<string>;
         } & {
-            activator?: () => VNodeChild;
-        }>;
+            type: import("vue").PropType<string>;
+        };
         "v-model": {
-            type: import("vue").PropType<unknown>;
+            type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+            required: false;
         };
         modelValue: {
-            type: import("vue").PropType<unknown>;
+            type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+            required: false;
+        }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+            required: false;
+        }; } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ColorSchemaType | ColorSchemaTypes, {
+                "v-model": {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: ColorSchemaType | ColorSchemaTypes): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorSchemaType | ColorSchemaTypes, {
+                "v-model": {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ColorSchemaType | ColorSchemaTypes, {
+                "v-model": {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            }>;
         };
-        colorSchemaType?: any;
-        container?: any;
     }>> & {
-        "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
+        "onUpdate:modelValue"?: (value: ColorSchemaTypes) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+    label: {
+        type: import("vue").PropType<string>;
     } & {
-        activator?: () => VNodeChild;
-    }>;
+        type: import("vue").PropType<string>;
+    };
     "v-model": {
-        type: import("vue").PropType<unknown>;
+        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+        required: false;
     };
     modelValue: {
-        type: import("vue").PropType<unknown>;
+        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+        required: false;
+    };
+    name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+        required: false;
+    }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+        type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+        required: false;
+    }; } & {
+        require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, ColorSchemaType | ColorSchemaTypes, {
+            "v-model": {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        }>;
+        defaultValue(value?: ColorSchemaType | ColorSchemaTypes): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, ColorSchemaType | ColorSchemaTypes, {
+            "v-model": {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        }, false>;
+        doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, ColorSchemaType | ColorSchemaTypes, {
+            "v-model": {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        }>;
     };
-    colorSchemaType?: any;
-    container?: any;
 }>> & {
-    "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
+    "onUpdate:modelValue"?: (value: ColorSchemaTypes) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (colorSchema: ColorSchema) => true;
-}, string, {
-    container?: any;
-    colorSchemaType?: any;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{
-        container?: any;
-        colorSchemaType?: any;
-    } & {
-        "v-slots"?: {
-            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
+    "update:modelValue": (value: ColorSchemaTypes) => any;
+}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        label?: string;
+        name?: {
+            [x: `v-model:${string}`]: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
+        } & {
+            [x: string]: {
+                type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                required: false;
+            };
         } & {
-            activator?: () => VNodeChild;
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<string, ColorSchemaType | ColorSchemaTypes, {
+                "v-model": {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: ColorSchemaType | ColorSchemaTypes): import("../../DefineVueTypings").DefinePropModelDefaultValue<string, ColorSchemaType | ColorSchemaTypes, {
+                "v-model": {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<string, ColorSchemaType | ColorSchemaTypes, {
+                "v-model": {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<ColorSchemaType | ColorSchemaTypes>;
+                    required: false;
+                };
+            }>;
         };
-        "v-model"?: unknown;
-        modelValue?: unknown;
+        "v-model"?: ColorSchemaType | ColorSchemaTypes;
+        modelValue?: ColorSchemaType | ColorSchemaTypes;
     }> & {
-        "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
+        "onUpdate:modelValue"?: (value: ColorSchemaTypes) => any;
     };
 };
 export default _default;

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

@@ -3,3 +3,5 @@ export * from "./ColorManager";
 export * from "./ThemeStoreV2";
 export * from "./styling";
 export * from "./ColorSchemaStore";
+export * from "./ColorSchemaManager";
+export * from "./ThemeContextStore";

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseComponentStyling.d.ts

@@ -1,3 +1,4 @@
 import { ColorStyles } from "@omnia/fx-models";
 export declare const useBackgroundOpacity: (dark: boolean, opacity?: Number) => string;
+export declare const useBackgroundOpacityOnColor: (color: string, dark: boolean, opacity?: Number) => any;
 export declare const useColorStyling: (color: string, opacity?: number) => ColorStyles;