@omnia/fx 8.0.112-dev → 8.0.113-dev

package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.d.ts

@@ -1,8 +1,7 @@
 import { GuidValue } from "../Guid";
 import { VelcronAppDefinition } from "../velcron";
-import { BoxDimensions } from "./ComponentDefinitions";
 import { SpacingSettings } from "./SpacingSetting";
-import { ColorValue } from "./ThemeDefinitionV2";
+import { BackgroundDefinition } from "./ThemeDefinitionV2";
 export interface ChromeDefinition {
     id: GuidValue;
     name: string;
@@ -11,15 +10,7 @@ export interface ChromeDefinition {
         definition?: VelcronAppDefinition;
     };
     styles: {
-        background?: {
-            color?: ColorValue;
-            filled?: boolean;
-            opacity?: number;
-        };
+        background?: BackgroundDefinition;
         spacing?: SpacingSettings;
-        elevation?: number;
-        borderRadius?: BoxDimensions;
-        border?: BoxDimensions;
-        borderColor?: ColorValue;
     };
 }

package/internal-do-not-import-from-here/shared/models/theming/ComponentDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { ColorValue } from "./ThemeDefinitionV2";
+import { BackgroundDefinition, ColorValue } from "./ThemeDefinitionV2";
 import { ChromeDefinition } from "./ChromeDefinition";
 import { SpacingDefinition, SpacingSettings } from "./SpacingSetting";
 import { TypographyDefinition } from "./TypographyDefinition";
@@ -78,11 +78,7 @@ export interface ButtonBlueprint extends BlueprintItemDefinition {
     density?: "compact" | "comfortable";
     size?: "x-small" | "small" | "large" | "x-large";
     padding?: SpacingSettings;
-    rounded?: string;
-    alterCaps?: boolean;
-    background?: ColorValue;
+    background?: BackgroundDefinition;
+    alterCase?: boolean;
     textColor?: ColorValue;
-    elevation?: number;
-    border?: number;
-    borderColor?: ColorValue;
 }

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BlueprintDefinition } from "./ComponentDefinitions";
+import { BlueprintDefinition, BoxDimensions } from "./ComponentDefinitions";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -79,14 +79,27 @@ export interface ColorGradientValue {
     color: ColorValue;
     stop?: number;
 }
+/**Background  */
 export interface BackgroundDefinition {
+    filled?: boolean;
+    fill?: FillDefinition;
+    border?: BorderStylingDefinition;
+    elevation?: number;
+}
+export interface FillDefinition {
     colors: Array<ColorValue | ColorGradientValue>;
     acrylic?: boolean;
+    opacity?: number;
 }
-export interface LinearGradientBackgroundDefinition extends BackgroundDefinition {
+export interface LinearGradientFillDefinition extends FillDefinition {
     degrees: number;
 }
-export interface RadialGradientBackgroundDefinition extends BackgroundDefinition {
+export interface RadialGradientFillDefinition extends FillDefinition {
     shape: RadialGradientShapes;
     position?: number;
 }
+export interface BorderStylingDefinition {
+    radius?: BoxDimensions;
+    width?: BoxDimensions;
+    fill?: FillDefinition;
+}

package/internal-do-not-import-from-here/ux/Styles.stylex.d.ts

@@ -1,4 +1,19 @@
 export declare const themingStyles: Readonly<{
+    readonly backgroundColor: (backgroundColor: string) => readonly [Readonly<{
+        backgroundColor: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"backgroundColor", string>;
+    }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
+    readonly color: (color: string) => readonly [Readonly<{
+        color: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"color", string>;
+    }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
+    readonly marginValue: (marginValue: string) => readonly [Readonly<{
+        margin: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"margin", string>;
+    }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
+    readonly paddingValue: (marginValue: string) => readonly [Readonly<{
+        padding: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"padding", string>;
+    }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
+    readonly borderValue: (borderValue: string) => readonly [Readonly<{
+        border: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"border", string>;
+    }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
     readonly margin: (marginTop?: string, marginRight?: string, marginBottom?: string, marginLeft?: string) => readonly [Readonly<{
         marginTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginTop", string>;
         marginRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginRight", string>;
@@ -17,4 +32,10 @@ export declare const themingStyles: Readonly<{
         borderBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottom", string>;
         borderLeft: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderLeft", string>;
     }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
+    readonly borderRadius: (borderTopLeftRadius?: string, borderTopRightRadius?: string, borderBottomRightRadius?: string, borderBottomLeftRadius?: string) => readonly [Readonly<{
+        borderTopLeftRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderTopLeftRadius", string>;
+        borderTopRightRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderTopRightRadius", string>;
+        borderBottomRightRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottomRightRadius", string>;
+        borderBottomLeftRadius: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"borderBottomLeftRadius", string>;
+    }>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
 }>;

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

@@ -0,0 +1,5 @@
+export declare const BorderPickerStyles: {
+    viewWrapper: string;
+    hoverCursor: string;
+    selector: (dark: boolean) => string;
+};

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

@@ -0,0 +1,161 @@
+import { BorderStylingDefinition } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
+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;
+        }>;
+        "individual-width-selection": {
+            type: import("vue").PropType<boolean>;
+        };
+        individualWidthSelection: {
+            type: import("vue").PropType<boolean>;
+        };
+        "individual-radius-selection": {
+            type: import("vue").PropType<boolean>;
+        };
+        individualRadiusSelection: {
+            type: import("vue").PropType<boolean>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: BorderStylingDefinition) => true;
+    }, 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;
+        }>;
+        "individual-width-selection": {
+            type: import("vue").PropType<boolean>;
+        };
+        individualWidthSelection: {
+            type: import("vue").PropType<boolean>;
+        };
+        "individual-radius-selection": {
+            type: import("vue").PropType<boolean>;
+        };
+        individualRadiusSelection: {
+            type: import("vue").PropType<boolean>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        }>;
+        "individual-width-selection": {
+            type: import("vue").PropType<boolean>;
+        };
+        individualWidthSelection: {
+            type: import("vue").PropType<boolean>;
+        };
+        "individual-radius-selection": {
+            type: import("vue").PropType<boolean>;
+        };
+        individualRadiusSelection: {
+            type: import("vue").PropType<boolean>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: BorderStylingDefinition) => 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;
+    }>;
+    "individual-width-selection": {
+        type: import("vue").PropType<boolean>;
+    };
+    individualWidthSelection: {
+        type: import("vue").PropType<boolean>;
+    };
+    "individual-radius-selection": {
+        type: import("vue").PropType<boolean>;
+    };
+    individualRadiusSelection: {
+        type: import("vue").PropType<boolean>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<BorderStylingDefinition>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<BorderStylingDefinition>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: BorderStylingDefinition) => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        "v-model"?: BorderStylingDefinition;
+        "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
+        modelValue?: BorderStylingDefinition;
+        "v-slots"?: {
+            default?: import("../DefineVueTypings").Slot<any[]>;
+        } & {
+            activator?: () => VNodeChild;
+        };
+        individualRadiusSelection?: boolean;
+        "individual-radius-selection"?: boolean;
+        individualWidthSelection?: boolean;
+        "individual-width-selection"?: boolean;
+    }>, "onUpdate:modelValue"> & {
+        "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
+    };
+};
+export default _default;

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

@@ -0,0 +1,69 @@
+import { BorderStylingDefinition } from "@omnia/fx-models";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<BorderStylingDefinition>;
+            required: false;
+        };
+    }>>, () => JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: BorderStylingDefinition) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<BorderStylingDefinition>;
+        required: false;
+    };
+    modelValue: {
+        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<{} & {
+        "v-model"?: BorderStylingDefinition;
+        "onUpdate:modelValue"?: (value: BorderStylingDefinition) => any;
+        modelValue?: BorderStylingDefinition;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/docs/omfx/components/docs/Properties.d.ts

@@ -1,16 +1,51 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {}>, never>;
-};
+declare const _default: (props: Record<string, any> & Omit<{}, string> & {
+    "v-slots"?: {
+        default?: import("vue").Slot;
+    };
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string>) => {
+    $: 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: Record<string, any> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        };
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string>;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
 export default _default;