@omnia/fx 8.0.112-dev → 8.0.113-dev

package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Blueprints.d.ts

@@ -1,27 +1,32 @@
-import { BackgroundDefinition, ButtonBlueprint, SpacingBlueprintTypes, SpacingSettings, SpacingType } from "@omnia/fx-models";
+import { FillDefinition, BorderStylingDefinition, ButtonBlueprint, SpacingBlueprintTypes, SpacingSettings, SpacingType, BackgroundDefinition } from "@omnia/fx-models";
+import { NestedCSSProperties } from "typestyle/lib/types";
 import { useColorSchemaStore, useComponentBlueprintStore, useSpacingBlueprintStore } from "../../store";
 export declare const BlueprintStyles: {
     getBlueprintSpacingValue: typeof getBlueprintSpacingValue;
     getBlueprintSpacingStyling: typeof getBlueprintSpacingStyling;
     getButtonBlueprintStyling: typeof getButtonBlueprintStyling;
     getIconBlueprintStyling: typeof getIconBlueprintStyling;
-    getBlueprintBackgroundStyling: typeof getBlueprintBackgroundStyling;
+    getBlueprintFillStyling: typeof getBlueprintFillStyling;
+    getBlueprintBorderStyling: typeof getBlueprintBorderStyling;
+    getBlueprintBorderObject: typeof getBlueprintBorderObject;
     getBlueprintSpacingStylingx: typeof getBlueprintSpacingStylingx;
+    getBlueprintBackgroundStyling: typeof getBlueprintBackgroundStyling;
+    getBlueprintBackgroundObject: typeof getBlueprintBackgroundObject;
 };
-declare function getBlueprintBackgroundStyling(definition: BackgroundDefinition, colors?: ReturnType<typeof useColorSchemaStore>): string;
-/**Blueprint styling */
+/**Border styling */
+declare function getBlueprintBorderObject(definition: BorderStylingDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): NestedCSSProperties;
+declare function getBlueprintBorderStyling(definition: BorderStylingDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): string;
+declare function getBlueprintBackgroundStyling(definition: BackgroundDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): string;
+declare function getBlueprintBackgroundObject(definition: BackgroundDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): NestedCSSProperties;
+declare function getBlueprintFillStyling(definition: FillDefinition, colors?: ReturnType<typeof useColorSchemaStore>): string;
+/**Spacing styling */
 declare function getBlueprintSpacingValue(value: any, type: SpacingBlueprintTypes, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
-declare function getBlueprintSpacingStylingx(value: SpacingSettings | SpacingType, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): readonly [Readonly<{
-    paddingTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingTop", string>;
-    paddingRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingRight", string>;
-    paddingBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingBottom", string>;
-    paddingLeft: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"paddingLeft", string>;
-}>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag] | readonly [Readonly<{
-    marginTop: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginTop", string>;
-    marginRight: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginRight", string>;
-    marginBottom: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginBottom", string>;
-    marginLeft: import("@stylexjs/stylex/lib/StyleXTypes").StyleXClassNameFor<"marginLeft", string>;
-}>, typeof import("@stylexjs/stylex/lib/StyleXTypes").StyleXInlineStylesTag];
+declare function getBlueprintSpacingStylingx(value: SpacingSettings | SpacingType, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Readonly<{
+    className?: string;
+    style?: Readonly<{
+        [$$Key$$: string]: string | number;
+    }>;
+}>;
 declare function getBlueprintSpacingStyling(value: SpacingSettings | SpacingType, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): string;
 declare function getButtonBlueprintStyling(bluePrint: ButtonBlueprint, colors: ReturnType<typeof useColorSchemaStore>): string;
 declare function getIconBlueprintStyling(bluePrint?: ReturnType<typeof useComponentBlueprintStore>): string;

package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Chrome.d.ts

@@ -2,6 +2,18 @@ import { ChromeDefinition, SpacingDefinition } from "@omnia/fx-models";
 import { useColorSchemaStore } from "../../store";
 export declare const ChromeStyles: {
     getChromeStyling: typeof getChromeStyling;
+    getChromeStylingx: typeof getChromeStylingx;
+};
+declare function getChromeStylingx(blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition): Readonly<{
+    className?: string;
+    style?: Readonly<{
+        [$$Key$$: string]: string | number;
+    }>;
+}> | {
+    style: Readonly<{
+        [$$Key$$: string]: string | number;
+    }>;
+    classname: string;
 };
 declare function getChromeStyling(blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition): any[];
 export {};

package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Colors.d.ts

@@ -4,9 +4,30 @@ export declare const ColorStyling: {
     backgroundOpacity: typeof backgroundOpacity;
     backgroundOpacityOnColor: typeof backgroundOpacityOnColor;
     getColorStyling: typeof getColorStyling;
+    getColorStylingx: typeof getColorStylingx;
 };
 declare function dividingOpacity(dark: boolean): "rgba(255,255,255,0.15)" | "rgba(0,0,0,0.15)";
 declare function backgroundOpacity(dark: boolean, opacity?: Number): string;
 declare function backgroundOpacityOnColor(color: string, dark: boolean, opacity?: Number): any;
+declare function getColorStylingx(color: string, opacity?: number): {
+    all: Readonly<{
+        className?: string;
+        style?: Readonly<{
+            [$$Key$$: string]: string | number;
+        }>;
+    }>;
+    background: Readonly<{
+        className?: string;
+        style?: Readonly<{
+            [$$Key$$: string]: string | number;
+        }>;
+    }>;
+    color: Readonly<{
+        className?: string;
+        style?: Readonly<{
+            [$$Key$$: string]: string | number;
+        }>;
+    }>;
+};
 declare function getColorStyling(color: string, opacity?: number): ColorStyles;
 export {};

package/internal-do-not-import-from-here/ux/theming-v2/styling/styles/Spacing.d.ts

@@ -1,7 +1,14 @@
 import { Spacing } from "@omnia/fx-models";
 export declare const SpacingStyling: {
     createSpacing: typeof createSpacing;
+    createSpacingx: typeof createSpacingx;
 };
 type SpacingTypes = "padding" | "margin";
+declare function createSpacingx(spacing: Spacing, type: SpacingTypes): Readonly<{
+    className?: string;
+    style?: Readonly<{
+        [$$Key$$: string]: string | number;
+    }>;
+}>;
 declare function createSpacing(spacing: Spacing, type: SpacingTypes): string;
 export {};

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -3,8 +3,8 @@ import wcf3d75940db51447dbf6719251f5465b0 from './console/components/Console';
 import wce6b88bd8d41949c8af6fed268ae64430 from './console/components/SocketComponent';
 import wc8e3534c9960c46b090f442e563d71265 from './ux/alignmentpicker/AlignmentPicker';
 import wce4889269c6ad440da65f3acdf5bb6152 from './ux/authsetup/AuthSetup';
-import wcbb2e0efa0634452f94d99d1f33ae5b64 from './ux/backgroundpicker/BackgroundPicker';
-import wc349a445fe7a2403b8f98fceff168f87e from './ux/backgroundpicker/BackgroundPreview';
+import wc78fbae25bf1f421bb9c5dc31ba835bd3 from './ux/borderpicker/BorderPicker';
+import wc8391c3abe04c43b78b32edde15337988 from './ux/borderpicker/BorderPreview';
 import wc057bef6897bb4ba4a089d01c2da1322e from './ux/chrome/ChromeRenderer';
 import wc638cfe124ab24d0ebd0711c0bd844af6 from './ux/colorpickerV2/ColorPicker';
 import wc1266389c28034034921b897f788f302d from './ux/colorschemapicker/ColorSchemaPicker';
@@ -21,6 +21,8 @@ import wc3ff00f2d8a4c48a4ae0cff23fc0127ac from './ux/dialog/Dialog';
 import wcfd300449c17f44fd80d83e709a10bf63 from './ux/features/FeaturesJourney';
 import wc629ff3fc45f84df382ddb6282d968547 from './ux/features/FeaturesJourneyTenant';
 import wc1fab0218538f431c91ece4e10cbd468c from './ux/fileuploader/FileUploader';
+import wcbb2e0efa0634452f94d99d1f33ae5b64 from './ux/fillpicker/FillPicker';
+import wc349a445fe7a2403b8f98fceff168f87e from './ux/fillpicker/FillPreview';
 import wca91d4cd2b5744de3a672110cb1cdf7ba from './ux/filterengine/FilterEngineSettings';
 import wc34e1cea969d744f1bbec4770b51d49f5 from './ux/filterengine/FilterEngineRenderer';
 import wc43fc70078d114ec3a70ebbd767ef4f95 from './ux/filterengine/components/renderer/person/PersonPropertyRenderer';
@@ -80,7 +82,7 @@ import wc6d1d84cb210643c59ca8437fc36c75a1 from './ux/profilecard/ProfileCardRend
 import wc091ee9b103234b26a5e2bd5f992b2582 from './ux/properties/property-picker/PropertyPicker';
 import wcf36a8a2b1c70423ebc4647aaddab8f4f from './ux/properties/property-renderer/PropertyBindingValueRenderer';
 import wc48e897be803c4b5cb1db09dbadd04fe5 from './ux/properties/property-renderer/PropertyValueRenderer';
-import wce012f61b652b4ab8b7e9d436ef772f54 from './ux/properties/property-configuration/PropertyConfigurationV2';
+import wce012f61b652b4ab8b7e9d436ef772f54 from './ux/properties/property-configuration/PropertyConfiguration';
 import wc54caefeaae1d4da7b236a3ff268b31c3 from './ux/properties/property-configuration/LabelOptionsRenderer';
 import wc14f41bfbe00d46658959d3b2ebb7da69 from './ux/properties/property-configuration/PropertyLocking';
 import wcb174dcf2716344b0bb02c981ae68dd73 from './ux/properties/property-picker/PropertyInput';
@@ -405,12 +407,12 @@ declare global {
             "omfx-authsetup": typeof wce4889269c6ad440da65f3acdf5bb6152 extends {
                 propsDefinition: infer TProp;
             } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wce4889269c6ad440da65f3acdf5bb6152 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wce4889269c6ad440da65f3acdf5bb6152>, "propsDefinition">> : never;
-            "omfx-background-picker": typeof wcbb2e0efa0634452f94d99d1f33ae5b64 extends {
+            "omfx-border-picker": typeof wc78fbae25bf1f421bb9c5dc31ba835bd3 extends {
                 propsDefinition: infer TProp;
-            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wcbb2e0efa0634452f94d99d1f33ae5b64 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wcbb2e0efa0634452f94d99d1f33ae5b64>, "propsDefinition">> : never;
-            "omfx-background-preview": typeof wc349a445fe7a2403b8f98fceff168f87e extends {
+            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc78fbae25bf1f421bb9c5dc31ba835bd3 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc78fbae25bf1f421bb9c5dc31ba835bd3>, "propsDefinition">> : never;
+            "omfx-border-preview": typeof wc8391c3abe04c43b78b32edde15337988 extends {
                 propsDefinition: infer TProp;
-            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc349a445fe7a2403b8f98fceff168f87e extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc349a445fe7a2403b8f98fceff168f87e>, "propsDefinition">> : never;
+            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc8391c3abe04c43b78b32edde15337988 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc8391c3abe04c43b78b32edde15337988>, "propsDefinition">> : never;
             "omfx-chrome-renderer": typeof wc057bef6897bb4ba4a089d01c2da1322e extends {
                 propsDefinition: infer TProp;
             } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc057bef6897bb4ba4a089d01c2da1322e extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc057bef6897bb4ba4a089d01c2da1322e>, "propsDefinition">> : never;
@@ -459,6 +461,12 @@ declare global {
             "omfx-file-uploader": typeof wc1fab0218538f431c91ece4e10cbd468c extends {
                 propsDefinition: infer TProp;
             } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc1fab0218538f431c91ece4e10cbd468c extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc1fab0218538f431c91ece4e10cbd468c>, "propsDefinition">> : never;
+            "omfx-fill-picker": typeof wcbb2e0efa0634452f94d99d1f33ae5b64 extends {
+                propsDefinition: infer TProp;
+            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wcbb2e0efa0634452f94d99d1f33ae5b64 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wcbb2e0efa0634452f94d99d1f33ae5b64>, "propsDefinition">> : never;
+            "omfx-fill-preview": typeof wc349a445fe7a2403b8f98fceff168f87e extends {
+                propsDefinition: infer TProp;
+            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc349a445fe7a2403b8f98fceff168f87e extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc349a445fe7a2403b8f98fceff168f87e>, "propsDefinition">> : never;
             "omfx-filterengine-settings": typeof wca91d4cd2b5744de3a672110cb1cdf7ba extends {
                 propsDefinition: infer TProp;
             } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wca91d4cd2b5744de3a672110cb1cdf7ba extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wca91d4cd2b5744de3a672110cb1cdf7ba>, "propsDefinition">> : never;
@@ -1664,21 +1672,21 @@ declare global {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
         } : typeof wce4889269c6ad440da65f3acdf5bb6152;
-        "background": {
-            "picker": typeof wcbb2e0efa0634452f94d99d1f33ae5b64 extends {
+        "border": {
+            "picker": typeof wc78fbae25bf1f421bb9c5dc31ba835bd3 extends {
                 propsDefinition: infer TProp;
             } ? {
                 new (...args: any[]): {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
-            } : typeof wcbb2e0efa0634452f94d99d1f33ae5b64;
-            "preview": typeof wc349a445fe7a2403b8f98fceff168f87e extends {
+            } : typeof wc78fbae25bf1f421bb9c5dc31ba835bd3;
+            "preview": typeof wc8391c3abe04c43b78b32edde15337988 extends {
                 propsDefinition: infer TProp;
             } ? {
                 new (...args: any[]): {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
-            } : typeof wc349a445fe7a2403b8f98fceff168f87e;
+            } : typeof wc8391c3abe04c43b78b32edde15337988;
         };
         "chrome": {
             "renderer": typeof wc057bef6897bb4ba4a089d01c2da1322e extends {
@@ -1866,6 +1874,22 @@ declare global {
                 };
             } : typeof wc1fab0218538f431c91ece4e10cbd468c;
         };
+        "fill": {
+            "picker": typeof wcbb2e0efa0634452f94d99d1f33ae5b64 extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wcbb2e0efa0634452f94d99d1f33ae5b64;
+            "preview": typeof wc349a445fe7a2403b8f98fceff168f87e extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wc349a445fe7a2403b8f98fceff168f87e;
+        };
         "filterengine": {
             "settings": typeof wca91d4cd2b5744de3a672110cb1cdf7ba extends {
                 propsDefinition: infer TProp;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.112-dev",
+  "version": "8.0.113-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.112-dev",
+    "@omnia/fx-models": "8.0.113-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",

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

@@ -1 +0,0 @@
-export declare const ExampleComponentsMenu: import("@omnia/fx/ux").DocumentationSpec;

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

@@ -1,16 +0,0 @@
-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>;
-};
-export default _default;

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

@@ -1,16 +0,0 @@
-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>;
-};
-export default _default;