@omnia/fx 8.0.126-dev → 8.0.127-dev

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

@@ -11,11 +11,17 @@ declare const _default: (props: {
     individualRadiusSelection?: boolean;
 } & {
     individualWidthSelection?: boolean;
-} & DefineSlot<"activator", () => VNodeChild> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "individualRadiusSelection" | "individualWidthSelection"> & {
+} & {
+    dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+} & {
+    enableDynamicColor?: boolean;
+} & {
+    createNewColorDynamic?: boolean;
+} & DefineSlot<"activator", () => VNodeChild> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "individualRadiusSelection" | "individualWidthSelection">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "dynamicColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -63,11 +69,17 @@ declare const _default: (props: {
         individualRadiusSelection?: boolean;
     } & {
         individualWidthSelection?: boolean;
+    } & {
+        dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+    } & {
+        enableDynamicColor?: boolean;
+    } & {
+        createNewColorDynamic?: boolean;
     } & DefineSlot<"activator", () => VNodeChild> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         };
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "activator" | "individualRadiusSelection" | "individualWidthSelection">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "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/borderpicker/BorderPreview.d.ts

@@ -1,6 +1,12 @@
 import { BorderStylingDefinition } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "background-fill": {
+            type: import("vue").PropType<string>;
+        };
+        backgroundFill: {
+            type: import("vue").PropType<string>;
+        };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
         };
@@ -12,7 +18,16 @@ declare const _default: {
             type: import("vue").PropType<BorderStylingDefinition>;
             required: false;
         };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
     }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "background-fill": {
+            type: import("vue").PropType<string>;
+        };
+        backgroundFill: {
+            type: import("vue").PropType<string>;
+        };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
         };
@@ -24,7 +39,14 @@ declare const _default: {
             type: import("vue").PropType<BorderStylingDefinition>;
             required: false;
         };
-    }>>, {}, true, {}, {}, {
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>>, {
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -32,6 +54,12 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        "background-fill": {
+            type: import("vue").PropType<string>;
+        };
+        backgroundFill: {
+            type: import("vue").PropType<string>;
+        };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
         };
@@ -43,11 +71,24 @@ declare const _default: {
             type: import("vue").PropType<BorderStylingDefinition>;
             required: false;
         };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>>, () => JSX.Element, {}, {}, {}, {
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "background-fill": {
+        type: import("vue").PropType<string>;
+    };
+    backgroundFill: {
+        type: import("vue").PropType<string>;
+    };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
     };
@@ -59,11 +100,24 @@ declare const _default: {
         type: import("vue").PropType<BorderStylingDefinition>;
         required: false;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container?: any;
+    colorSchemaType?: any;
+    colors?: any;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    } & {
         "v-model"?: BorderStylingDefinition;
         "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
         modelValue?: BorderStylingDefinition;
+        backgroundFill?: string;
+        "background-fill"?: string;
     }>, never>;
 };
 export default _default;

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

@@ -19,11 +19,17 @@ declare const _default: {
         customColor: {
             type: import("vue").PropType<boolean>;
         };
-        "default-color-schema-type": {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+        "enable-dynamic-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableDynamicColor: {
+            type: import("vue").PropType<boolean>;
+        };
+        "dynamic-color-schema-type": {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
         };
-        defaultColorSchemaType: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
         };
         type: {
             type: import("vue").PropType<ColorPickerType>;
@@ -126,11 +132,17 @@ declare const _default: {
         customColor: {
             type: import("vue").PropType<boolean>;
         };
-        "default-color-schema-type": {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+        "enable-dynamic-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableDynamicColor: {
+            type: import("vue").PropType<boolean>;
+        };
+        "dynamic-color-schema-type": {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
         };
-        defaultColorSchemaType: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
         };
         type: {
             type: import("vue").PropType<ColorPickerType>;
@@ -242,11 +254,17 @@ declare const _default: {
         customColor: {
             type: import("vue").PropType<boolean>;
         };
-        "default-color-schema-type": {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+        "enable-dynamic-color": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableDynamicColor: {
+            type: import("vue").PropType<boolean>;
+        };
+        "dynamic-color-schema-type": {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
         };
-        defaultColorSchemaType: {
-            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
         };
         type: {
             type: import("vue").PropType<ColorPickerType>;
@@ -355,11 +373,17 @@ declare const _default: {
     customColor: {
         type: import("vue").PropType<boolean>;
     };
-    "default-color-schema-type": {
-        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+    "enable-dynamic-color": {
+        type: import("vue").PropType<boolean>;
+    };
+    enableDynamicColor: {
+        type: import("vue").PropType<boolean>;
+    };
+    "dynamic-color-schema-type": {
+        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
     };
-    defaultColorSchemaType: {
-        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
+    dynamicColorSchemaType: {
+        type: import("vue").PropType<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
     };
     type: {
         type: import("vue").PropType<ColorPickerType>;
@@ -521,8 +545,10 @@ declare const _default: {
         "onUpdate:modelValue"?: (value: ColorValue) => any;
         modelValue?: ColorValue;
         toned?: boolean;
-        defaultColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background";
-        "default-color-schema-type"?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background";
+        dynamicColorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+        "dynamic-color-schema-type"?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
+        enableDynamicColor?: boolean;
+        "enable-dynamic-color"?: boolean;
         customColor?: boolean;
         "custom-color"?: boolean;
         switchableColorSchema?: boolean;

package/internal-do-not-import-from-here/ux/colorschemapicker/ColorSchemaEditor.d.ts

@@ -81,8 +81,10 @@ declare const _default: {
         };
     }>> & {
         "onClick:confirm"?: (model: ColorSchema) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "click:confirm": (model: ColorSchema) => true;
+        "init:actionButtons": (value: () => VNodeChild) => any;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
             default?: import("../DefineVueTypings").Slot<any[]>;
@@ -162,6 +164,7 @@ declare const _default: {
         };
     }>> & {
         "onClick:confirm"?: (model: ColorSchema) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -248,6 +251,7 @@ declare const _default: {
         };
     }>> & {
         "onClick:confirm"?: (model: ColorSchema) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
     }, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -331,8 +335,10 @@ declare const _default: {
     };
 }>> & {
     "onClick:confirm"?: (model: ColorSchema) => any;
+    "onInit:actionButtons"?: (value: () => VNodeChild) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:confirm": (model: ColorSchema) => true;
+    "init:actionButtons": (value: () => VNodeChild) => any;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         name?: {
@@ -405,8 +411,9 @@ declare const _default: {
             activator?: () => VNodeChild;
         };
         variant?: ColorSchemaEditorVariant;
-    }>, "onClick:confirm"> & {
+    }>, "onClick:confirm" | "onInit:actionButtons"> & {
         "onClick:confirm"?: (model: ColorSchema) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
     };
 };
 export default _default;