@omnia/fx 8.0.124-dev → 8.0.127-dev

package/internal-do-not-import-from-here/ux/blueprintpickers/typographypicker/TypographyEditor.d.ts

@@ -0,0 +1,466 @@
+import { TypographyDefinition } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
+type EditorVariant = "default" | "dialog";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        }>;
+        "sample-text": {
+            type: import("vue").PropType<string>;
+        };
+        sampleText: {
+            type: import("vue").PropType<string>;
+        };
+        preview: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        variant: {
+            type: import("vue").PropType<EditorVariant>;
+        } & {
+            type: import("vue").PropType<EditorVariant>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: TypographyDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            type: import("vue").PropType<(value: TypographyDefinition) => any>;
+        }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        }; } & { [key_2 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        }; } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TypographyDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+        };
+    }>> & {
+        "onClick:confirm"?: (model: TypographyDefinition) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "click:confirm": (model: TypographyDefinition) => 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[]>;
+        } & {
+            activator?: () => VNodeChild;
+        }>;
+        "sample-text": {
+            type: import("vue").PropType<string>;
+        };
+        sampleText: {
+            type: import("vue").PropType<string>;
+        };
+        preview: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        variant: {
+            type: import("vue").PropType<EditorVariant>;
+        } & {
+            type: import("vue").PropType<EditorVariant>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: TypographyDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            type: import("vue").PropType<(value: TypographyDefinition) => any>;
+        }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        }; } & { [key_2 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        }; } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TypographyDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+        };
+    }>> & {
+        "onClick:confirm"?: (model: TypographyDefinition) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        }>;
+        "sample-text": {
+            type: import("vue").PropType<string>;
+        };
+        sampleText: {
+            type: import("vue").PropType<string>;
+        };
+        preview: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        variant: {
+            type: import("vue").PropType<EditorVariant>;
+        } & {
+            type: import("vue").PropType<EditorVariant>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: TypographyDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            type: import("vue").PropType<(value: TypographyDefinition) => any>;
+        }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        }; } & { [key_2 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<TypographyDefinition>;
+            required: false;
+        }; } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TypographyDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+        };
+    }>> & {
+        "onClick:confirm"?: (model: TypographyDefinition) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
+    }, () => JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-slots": import("vue").Prop<{
+        default?: import("../../DefineVueTypings").Slot<any[]>;
+    } & {
+        activator?: () => VNodeChild;
+    }>;
+    "sample-text": {
+        type: import("vue").PropType<string>;
+    };
+    sampleText: {
+        type: import("vue").PropType<string>;
+    };
+    preview: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    variant: {
+        type: import("vue").PropType<EditorVariant>;
+    } & {
+        type: import("vue").PropType<EditorVariant>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: TypographyDefinition) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<TypographyDefinition>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<TypographyDefinition>;
+        required: false;
+    };
+    name: <TName extends string>(n?: TName) => { [key in import("../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+        type: import("vue").PropType<(value: TypographyDefinition) => any>;
+    }; } & { [key_1 in import("../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+        type: import("vue").PropType<TypographyDefinition>;
+        required: false;
+    }; } & { [key_2 in import("../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+        type: import("vue").PropType<TypographyDefinition>;
+        required: false;
+    }; } & {
+        require(): import("../../DefineVueTypings").DefinePropModelRequire<TName, TypographyDefinition, {
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: TypographyDefinition) => any>;
+            };
+        } & {
+            "v-model": {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        }>;
+        defaultValue(value?: TypographyDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<TName, TypographyDefinition, {
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: TypographyDefinition) => any>;
+            };
+        } & {
+            "v-model": {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        }, false>;
+        doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<TName, TypographyDefinition, {
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: TypographyDefinition) => any>;
+            };
+        } & {
+            "v-model": {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        }>;
+    };
+}>> & {
+    "onClick:confirm"?: (model: TypographyDefinition) => any;
+    "onInit:actionButtons"?: (value: () => VNodeChild) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:confirm": (model: TypographyDefinition) => true;
+    "init:actionButtons": (value: () => VNodeChild) => any;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        name?: {
+            [x: `onUpdate:${string}`]: {
+                type: import("vue").PropType<(value: TypographyDefinition) => any>;
+            };
+        } & {
+            [x: `v-model:${string}`]: {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        } & {
+            [x: string]: {
+                type: import("vue").PropType<TypographyDefinition>;
+                required: false;
+            };
+        } & {
+            require(): import("../../DefineVueTypings").DefinePropModelRequire<string, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: TypographyDefinition): import("../../DefineVueTypings").DefinePropModelDefaultValue<string, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../DefineVueTypings").DefinePropModelDoc<string, TypographyDefinition, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: TypographyDefinition) => any>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<TypographyDefinition>;
+                    required: false;
+                };
+            }>;
+        };
+        preview?: boolean;
+        "v-model"?: TypographyDefinition;
+        "onUpdate:modelValue"?: (value: TypographyDefinition) => any;
+        modelValue?: TypographyDefinition;
+        "v-slots"?: {
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        };
+        variant?: EditorVariant;
+        sampleText?: string;
+        "sample-text"?: string;
+    }>, "onClick:confirm" | "onInit:actionButtons"> & {
+        "onClick:confirm"?: (model: TypographyDefinition) => any;
+        "onInit:actionButtons"?: (value: () => VNodeChild) => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/blueprintpickers/typographypicker/TypographyPicker.css.d.ts

@@ -1,4 +1,6 @@
 export declare const TypographyPickerStyles: {
+    selector: (dark: boolean) => string;
+    container: string;
     colorPreview: (color: string, border?: string) => string;
     lastElement: string;
     selected: (color: string, onBase: string) => string;

package/internal-do-not-import-from-here/ux/blueprintpickers/typographypicker/TypographyPicker.d.ts

@@ -1,4 +1,4 @@
-import { TypographyValue } from "@omnia/fx-models";
+import { TextBlueprint, TypographyValue } from "@omnia/fx-models";
 export type TypographyPickerTypes = "default" | "title" | "text";
 declare const _default: (props: {
     "v-model"?: TypographyValue;
@@ -10,11 +10,15 @@ declare const _default: (props: {
     customTyping?: boolean;
 } & {
     type?: TypographyPickerTypes;
-} & Omit<{}, "type" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping"> & {
+} & {
+    textBlueprint?: TextBlueprint;
+} & {
+    sampleText?: string;
+} & Omit<{}, "type" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     };
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping" | "textBlueprint" | "sampleText">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -62,11 +66,15 @@ declare const _default: (props: {
         customTyping?: boolean;
     } & {
         type?: TypographyPickerTypes;
+    } & {
+        textBlueprint?: TextBlueprint;
+    } & {
+        sampleText?: string;
     } & {
         "v-slots"?: {
             default?: import("vue").Slot;
         };
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "v-model" | "onUpdate:modelValue" | "modelValue" | "customTyping">;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "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

@@ -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;