@omnia/fx 8.0.112-dev → 8.0.113-dev

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

@@ -1,4 +1,4 @@
-import { IIcon } from "@omnia/fx-models";
+import { IIcon, SpacingSettings, SpacingType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
 export interface TextFieldModel {
     text: String;
@@ -17,6 +17,16 @@ declare const _default: {
             appendInnerItem?: (item: any, index: Number) => VNodeChild;
             itemToolTip?: (item: any) => VNodeChild;
         }>;
+        indentation: {
+            type: import("vue").PropType<number | SpacingType>;
+        } & {
+            type: import("vue").PropType<number | SpacingType>;
+        };
+        padding: {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
+        };
         "check-node-to-move": {
             type: import("vue").PropType<(item: any) => boolean>;
         };
@@ -30,10 +40,10 @@ declare const _default: {
             type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number) => void | Promise<void>>;
         };
         "load-children": {
-            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+            type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
         };
         loadChildren: {
-            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+            type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
         };
         itemChildren: {
             type: import("vue").PropType<string>;
@@ -129,6 +139,16 @@ declare const _default: {
             appendInnerItem?: (item: any, index: Number) => VNodeChild;
             itemToolTip?: (item: any) => VNodeChild;
         }>;
+        indentation: {
+            type: import("vue").PropType<number | SpacingType>;
+        } & {
+            type: import("vue").PropType<number | SpacingType>;
+        };
+        padding: {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
+        };
         "check-node-to-move": {
             type: import("vue").PropType<(item: any) => boolean>;
         };
@@ -142,10 +162,10 @@ declare const _default: {
             type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number) => void | Promise<void>>;
         };
         "load-children": {
-            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+            type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
         };
         loadChildren: {
-            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+            type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
         };
         itemChildren: {
             type: import("vue").PropType<string>;
@@ -250,6 +270,16 @@ declare const _default: {
             appendInnerItem?: (item: any, index: Number) => VNodeChild;
             itemToolTip?: (item: any) => VNodeChild;
         }>;
+        indentation: {
+            type: import("vue").PropType<number | SpacingType>;
+        } & {
+            type: import("vue").PropType<number | SpacingType>;
+        };
+        padding: {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
+        } & {
+            type: import("vue").PropType<SpacingSettings | SpacingType>;
+        };
         "check-node-to-move": {
             type: import("vue").PropType<(item: any) => boolean>;
         };
@@ -263,10 +293,10 @@ declare const _default: {
             type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number) => void | Promise<void>>;
         };
         "load-children": {
-            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+            type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
         };
         loadChildren: {
-            type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+            type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
         };
         itemChildren: {
             type: import("vue").PropType<string>;
@@ -368,6 +398,16 @@ declare const _default: {
         appendInnerItem?: (item: any, index: Number) => VNodeChild;
         itemToolTip?: (item: any) => VNodeChild;
     }>;
+    indentation: {
+        type: import("vue").PropType<number | SpacingType>;
+    } & {
+        type: import("vue").PropType<number | SpacingType>;
+    };
+    padding: {
+        type: import("vue").PropType<SpacingSettings | SpacingType>;
+    } & {
+        type: import("vue").PropType<SpacingSettings | SpacingType>;
+    };
     "check-node-to-move": {
         type: import("vue").PropType<(item: any) => boolean>;
     };
@@ -381,10 +421,10 @@ declare const _default: {
         type: import("vue").PropType<(item: any, currentPosition: number, newPosition: number) => void | Promise<void>>;
     };
     "load-children": {
-        type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
     };
     loadChildren: {
-        type: import("vue").PropType<(selectedNode: any) => void | Promise<void>>;
+        type: import("vue").PropType<(selectedNode: any, level?: number) => void | Promise<void>>;
     };
     itemChildren: {
         type: import("vue").PropType<string>;
@@ -483,6 +523,7 @@ declare const _default: {
         colorSchemaType?: any;
         colors?: any;
     } & {
+        padding?: SpacingSettings | SpacingType;
         expanded?: any[];
         multiple?: boolean;
         items?: any[];
@@ -509,12 +550,13 @@ declare const _default: {
         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>;
+        loadChildren?: (selectedNode: any, level?: number) => void | Promise<void>;
+        "load-children"?: (selectedNode: any, level?: number) => void | Promise<void>;
         onMoveNode?: (item: any, currentPosition: number, newPosition: number) => void | Promise<void>;
         "on-move-node"?: (item: any, currentPosition: number, newPosition: number) => void | Promise<void>;
         checkNodeToMove?: (item: any) => boolean;
         "check-node-to-move"?: (item: any) => boolean;
+        indentation?: number | SpacingType;
     }>, "onUpdate:active"> & {
         "onUpdate:active"?: (items: any[]) => any;
     };

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

@@ -1,3 +1 @@
 export declare const spec: import("@omnia/fx/ux").DocumentationSpec;
-export declare const spec2: import("@omnia/fx/ux").DocumentationSpec;
-export declare const spec3: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/properties/builtins/image/ImageEditor.css.d.ts

@@ -1,8 +1,9 @@
 import { types } from "typestyle";
+import { useColorSchemaStore } from "@omnia/fx/ux";
 /**
  * Styles for the ImageRenderer component
  */
 export declare const ImageEditorStyles: {
     container: types.NestedCSSProperties;
-    button: types.NestedCSSProperties;
+    button: (colors: ReturnType<typeof useColorSchemaStore>) => types.NestedCSSProperties;
 };

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

@@ -1,4 +1,4 @@
-import { ChromeDefinition, Guid, SpacingSettings, ThemedColorValue } from "@omnia/fx-models";
+import { BackgroundDefinition, ChromeDefinition, FillDefinition, Guid, SpacingSettings } from "@omnia/fx-models";
 export declare class FilledChrome implements ChromeDefinition {
     name: string;
     id: Guid;
@@ -8,7 +8,7 @@ export declare class FilledChrome implements ChromeDefinition {
     styles: {
         background: {
             filled: boolean;
-            color: ThemedColorValue;
+            fill: FillDefinition;
         };
         spacing: SpacingSettings;
     };
@@ -20,16 +20,7 @@ export declare class FilledSmallRoundingChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        background: {
-            filled: boolean;
-            color: ThemedColorValue;
-        };
-        borderRadius: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }
@@ -40,16 +31,7 @@ export declare class FilledLargeRoundingChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        background: {
-            filled: boolean;
-            color: ThemedColorValue;
-        };
-        borderRadius: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }
@@ -60,14 +42,7 @@ export declare class OutlinedChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        background: {};
-        border: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
-        borderColor: ThemedColorValue;
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }
@@ -78,20 +53,7 @@ export declare class OutlinedSmallRoundingChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        background: {};
-        border: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
-        borderColor: ThemedColorValue;
-        borderRadius: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }
@@ -102,20 +64,7 @@ export declare class OutlinedLargeRoundingChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        background: {};
-        border: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
-        borderColor: ThemedColorValue;
-        borderRadius: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }
@@ -128,8 +77,7 @@ export declare class ElevatedChrome implements ChromeDefinition {
     styles: {
         elevation: number;
         background: {
-            filled: boolean;
-            color: ThemedColorValue;
+            fill: FillDefinition;
         };
         spacing: SpacingSettings;
     };
@@ -141,17 +89,7 @@ export declare class ElevatedSmallRoundingChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        elevation: number;
-        background: {
-            filled: boolean;
-            color: ThemedColorValue;
-        };
-        borderRadius: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }
@@ -162,17 +100,7 @@ export declare class ElevatedLargeRoundingChrome implements ChromeDefinition {
         definitionId: Guid;
     };
     styles: {
-        elevation: number;
-        background: {
-            filled: boolean;
-            color: ThemedColorValue;
-        };
-        borderRadius: {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        };
+        background: BackgroundDefinition;
         spacing: SpacingSettings;
     };
 }