@omnia/fx 8.0.76-dev → 8.0.77-dev

package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview2.d.ts

@@ -0,0 +1,496 @@
+import { IIcon } from "@omnia/fx-models";
+import { VNodeChild } from "vue";
+export interface TextFieldModel {
+    text: String;
+}
+export interface TreeViewPagingModel {
+    currentPaging: number;
+    totalPaging: number;
+    startPagingIndex: number;
+    endPagingIndex: number;
+}
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            itemAction?: (item: any, index: Number) => VNodeChild;
+            itemToolTip?: (item: any, isSelectedItem: boolean) => VNodeChild;
+        }>;
+        "on-validate-move-node": {
+            type: import("vue").PropType<(item: any) => boolean>;
+        };
+        onValidateMoveNode: {
+            type: import("vue").PropType<(item: any) => boolean>;
+        };
+        "on-move-node": {
+            type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+        };
+        onMoveNode: {
+            type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+        };
+        "load-children": {
+            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        };
+        loadChildren: {
+            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        };
+        itemChildren: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "item-children": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        itemValue: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "item-value": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        itemIcon: {
+            type: import("vue").PropType<string | ((item: any) => IIcon)>;
+            required: false;
+        };
+        "item-icon": {
+            type: import("vue").PropType<string | ((item: any) => IIcon)>;
+            required: false;
+        };
+        itemTitle: {
+            type: import("vue").PropType<string | ((item: any) => string)>;
+            required: false;
+        };
+        "item-title": {
+            type: import("vue").PropType<string | ((item: any) => string)>;
+            required: false;
+        };
+        pageSize: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        "page-size": {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        items: {
+            type: import("vue").PropType<any[]>;
+        } & {
+            type: import("vue").PropType<any[]>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string[]) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        "onUpdate:expandedItemIds": {
+            type: import("vue").PropType<(value: string[]) => any>;
+        };
+        "v-model:expandedItemIds": {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        expandedItemIds: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>> & {
+        "onUpdate:active"?: (items: any[]) => any;
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:active": (items: Array<any>) => true;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            itemAction?: (item: any, index: Number) => VNodeChild;
+            itemToolTip?: (item: any, isSelectedItem: boolean) => VNodeChild;
+        }>;
+        "on-validate-move-node": {
+            type: import("vue").PropType<(item: any) => boolean>;
+        };
+        onValidateMoveNode: {
+            type: import("vue").PropType<(item: any) => boolean>;
+        };
+        "on-move-node": {
+            type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+        };
+        onMoveNode: {
+            type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+        };
+        "load-children": {
+            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        };
+        loadChildren: {
+            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        };
+        itemChildren: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "item-children": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        itemValue: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "item-value": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        itemIcon: {
+            type: import("vue").PropType<string | ((item: any) => IIcon)>;
+            required: false;
+        };
+        "item-icon": {
+            type: import("vue").PropType<string | ((item: any) => IIcon)>;
+            required: false;
+        };
+        itemTitle: {
+            type: import("vue").PropType<string | ((item: any) => string)>;
+            required: false;
+        };
+        "item-title": {
+            type: import("vue").PropType<string | ((item: any) => string)>;
+            required: false;
+        };
+        pageSize: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        "page-size": {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        items: {
+            type: import("vue").PropType<any[]>;
+        } & {
+            type: import("vue").PropType<any[]>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string[]) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        "onUpdate:expandedItemIds": {
+            type: import("vue").PropType<(value: string[]) => any>;
+        };
+        "v-model:expandedItemIds": {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        expandedItemIds: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>> & {
+        "onUpdate:active"?: (items: any[]) => any;
+    }, {
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            itemAction?: (item: any, index: Number) => VNodeChild;
+            itemToolTip?: (item: any, isSelectedItem: boolean) => VNodeChild;
+        }>;
+        "on-validate-move-node": {
+            type: import("vue").PropType<(item: any) => boolean>;
+        };
+        onValidateMoveNode: {
+            type: import("vue").PropType<(item: any) => boolean>;
+        };
+        "on-move-node": {
+            type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+        };
+        onMoveNode: {
+            type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+        };
+        "load-children": {
+            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        };
+        loadChildren: {
+            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        };
+        itemChildren: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "item-children": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        itemValue: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "item-value": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        itemIcon: {
+            type: import("vue").PropType<string | ((item: any) => IIcon)>;
+            required: false;
+        };
+        "item-icon": {
+            type: import("vue").PropType<string | ((item: any) => IIcon)>;
+            required: false;
+        };
+        itemTitle: {
+            type: import("vue").PropType<string | ((item: any) => string)>;
+            required: false;
+        };
+        "item-title": {
+            type: import("vue").PropType<string | ((item: any) => string)>;
+            required: false;
+        };
+        pageSize: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        "page-size": {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        items: {
+            type: import("vue").PropType<any[]>;
+        } & {
+            type: import("vue").PropType<any[]>;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string[]) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        "onUpdate:expandedItemIds": {
+            type: import("vue").PropType<(value: string[]) => any>;
+        };
+        "v-model:expandedItemIds": {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        expandedItemIds: {
+            type: import("vue").PropType<string[]>;
+            required: false;
+        };
+        colorSchemaType?: any;
+        container?: any;
+        colors?: any;
+    }>> & {
+        "onUpdate:active"?: (items: any[]) => any;
+    }, () => JSX.Element, {}, {}, {}, {
+        container?: any;
+        colorSchemaType?: any;
+        colors?: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-slots": import("vue").Prop<{
+        default?: import("../../DefineVueTypings").Slot<any[]>;
+    } & {
+        itemAction?: (item: any, index: Number) => VNodeChild;
+        itemToolTip?: (item: any, isSelectedItem: boolean) => VNodeChild;
+    }>;
+    "on-validate-move-node": {
+        type: import("vue").PropType<(item: any) => boolean>;
+    };
+    onValidateMoveNode: {
+        type: import("vue").PropType<(item: any) => boolean>;
+    };
+    "on-move-node": {
+        type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+    };
+    onMoveNode: {
+        type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>>;
+    };
+    "load-children": {
+        type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+    };
+    loadChildren: {
+        type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+    };
+    itemChildren: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    "item-children": {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    itemValue: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    "item-value": {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    itemIcon: {
+        type: import("vue").PropType<string | ((item: any) => IIcon)>;
+        required: false;
+    };
+    "item-icon": {
+        type: import("vue").PropType<string | ((item: any) => IIcon)>;
+        required: false;
+    };
+    itemTitle: {
+        type: import("vue").PropType<string | ((item: any) => string)>;
+        required: false;
+    };
+    "item-title": {
+        type: import("vue").PropType<string | ((item: any) => string)>;
+        required: false;
+    };
+    pageSize: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+    "page-size": {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    items: {
+        type: import("vue").PropType<any[]>;
+    } & {
+        type: import("vue").PropType<any[]>;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string[]) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<string[]>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        required: false;
+    };
+    "onUpdate:expandedItemIds": {
+        type: import("vue").PropType<(value: string[]) => any>;
+    };
+    "v-model:expandedItemIds": {
+        type: import("vue").PropType<string[]>;
+        required: false;
+    };
+    expandedItemIds: {
+        type: import("vue").PropType<string[]>;
+        required: false;
+    };
+    colorSchemaType?: any;
+    container?: any;
+    colors?: any;
+}>> & {
+    "onUpdate:active"?: (items: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:active": (items: Array<any>) => true;
+}, 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;
+    } & {
+        multiple?: boolean;
+        "onUpdate:modelValue"?: (value: string[]) => any;
+        "v-model"?: string[];
+        modelValue?: string[];
+        items?: any[];
+        "v-slots"?: {
+            default?: import("../../DefineVueTypings").Slot<any[]>;
+        } & {
+            itemAction?: (item: any, index: Number) => VNodeChild;
+            itemToolTip?: (item: any, isSelectedItem: boolean) => VNodeChild;
+        };
+        itemTitle?: string | ((item: any) => string);
+        "item-title"?: string | ((item: any) => string);
+        itemValue?: string;
+        "item-value"?: string;
+        itemChildren?: string;
+        expandedItemIds?: string[];
+        "onUpdate:expandedItemIds"?: (value: string[]) => any;
+        "v-model:expandedItemIds"?: string[];
+        pageSize?: number;
+        "page-size"?: number;
+        itemIcon?: string | ((item: any) => IIcon);
+        "item-icon"?: string | ((item: any) => IIcon);
+        "item-children"?: string;
+        loadChildren?: (selectedNode: any) => void | Promise<void>;
+        "load-children"?: (selectedNode: any) => void | Promise<void>;
+        onMoveNode?: (item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>;
+        "on-move-node"?: (item: any, currentPosition: number, newPosition: number, parentNodeId: string) => void | Promise<void>;
+        onValidateMoveNode?: (item: any) => boolean;
+        "on-validate-move-node"?: (item: any) => boolean;
+    }>, "onUpdate:active"> & {
+        "onUpdate:active"?: (items: any[]) => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/admin/blades/blueprints/chrome/store/ChromeEditorStore.d.ts

@@ -3,13 +3,21 @@ export declare const useChromeEditorStore: () => {
     state: {
         editMode: boolean;
         previewColorSchema: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background";
-        transparentBackground: boolean;
+        backgroundOpacity: number;
+        backgroundColor: {
+            colorType: string;
+            toned: boolean;
+        };
         chromeDefinition: ChromeDefinition;
     };
     events: {
         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedPreviewColorSchema: import("@omnia/fx").MessageBusExposeOnlySubscription<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background">;
-        onMutatedTransparentBackground: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedBackgroundOpacity: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
+        onMutatedBackgroundColor: import("@omnia/fx").MessageBusExposeOnlySubscription<{
+            colorType: string;
+            toned: boolean;
+        }>;
         onMutatedChromeDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<ChromeDefinition>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {

package/internal-do-not-import-from-here/ux/theming-v2/designkits/core/DefinitionsChrome.d.ts

@@ -0,0 +1,156 @@
+import { ChromeDefinition, Guid } from "@omnia/fx-models";
+export declare class FilledChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        background: {
+            filled: boolean;
+        };
+    };
+}
+export declare class FilledSmallRoundingChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        background: {
+            filled: boolean;
+        };
+        borderRadius: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+}
+export declare class FilledLargeRoundingChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        background: {
+            filled: boolean;
+        };
+        borderRadius: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+}
+export declare class OutlinedChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        background: {
+            filled: boolean;
+        };
+    };
+}
+export declare class OutlinedSmallRoundingChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        background: {};
+        border: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+        borderRadius: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+}
+export declare class OutlinedLargeRoundingChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        background: {};
+        border: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+        borderRadius: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+}
+export declare class ElevatedChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        elevation: number;
+        background: {
+            filled: boolean;
+        };
+    };
+}
+export declare class ElevatedSmallRoundingChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        elevation: number;
+        background: {
+            filled: boolean;
+        };
+        borderRadius: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+}
+export declare class ElevatedLargeRoundingChrome implements ChromeDefinition {
+    name: string;
+    id: Guid;
+    header: {
+        definitionId: Guid;
+    };
+    styles: {
+        elevation: number;
+        background: {
+            filled: boolean;
+        };
+        borderRadius: {
+            top: number;
+            bottom: number;
+            left: number;
+            right: number;
+        };
+    };
+}

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

@@ -1,2 +1,3 @@
 export * from "./Colors";
 export * from "./ThemeDefinitionInstance";
+export * from "./DefinitionsChrome";

package/internal-do-not-import-from-here/ux/theming-v2/designkits/default/themes/BlueprintsChrome.d.ts

@@ -1,9 +1,11 @@
 import { ChromeBlueprint } from "@omnia/fx-models";
-import { FlatChrome, RoundedChrome } from "./DefinitionsChrome";
+import { ElevatedSmallRoundingChrome, FilledChrome, FilledSmallRoundingChrome, OutlinedSmallRoundingChrome } from "../../core";
 export declare class DefaultChromeBlueprint implements ChromeBlueprint {
     type: "chrome";
     name: string;
-    default: FlatChrome;
-    variant1: RoundedChrome;
+    default: FilledChrome;
+    variant1: FilledSmallRoundingChrome;
+    variant2: OutlinedSmallRoundingChrome;
+    variant3: ElevatedSmallRoundingChrome;
     constructor();
 }