@omnia/fx 8.0.330-dev → 8.0.331-dev

package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts

@@ -23,6 +23,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     enableDynamicColor?: boolean;
 } & {
     createNewColorDynamic?: boolean;
+} & {
+    singleColor?: boolean;
 } & {
     variant?: FillPickerVariant;
 } & {

package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts

@@ -20,6 +20,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     label?: string;
 } & {
     customTyping?: boolean;
+} & {
+    singleColor?: boolean;
 } & {
     enableDynamicColor?: boolean;
 } & DefineSlot<"activator", () => VNodeChild>>) => any;

package/internal-do-not-import-from-here/ux/aurora/store/ComponentBlueprintStore.d.ts

@@ -17,8 +17,10 @@ export declare const useComponentBlueprintStore: () => {
     get: {
         byType<TType extends Blueprint>(type: WebBlueprintItemDefintionType): any;
         readonly blueprints: ComponentBlueprints;
-        readonly blueprintStrategy: ComponentBlueprints;
-        blueprintStrategyByType(strategyType: "MD2" | "MD3"): ComponentBlueprints;
+        fallbackBlueprints: {
+            get(): ComponentBlueprints;
+            byType(strategyType: "MD2" | "MD3"): ComponentBlueprints;
+        };
         button: {
             blueprintByType(type: ButtonBlueprintVariant | ButtonBlueprint): ButtonBlueprint;
         };

package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts

@@ -50,8 +50,10 @@ export declare const useSpacingBlueprintStore: () => {
                     get: {
                         byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                        readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                        blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        fallbackBlueprints: {
+                            get(): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        };
                         button: {
                             blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                         };

package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts

@@ -38,8 +38,10 @@ export declare const useThemeContextStore: () => {
                     get: {
                         byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                        readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                        blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        fallbackBlueprints: {
+                            get(): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        };
                         button: {
                             blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                         };
@@ -110,8 +112,10 @@ export declare const useThemeContextStore: () => {
                     get: {
                         byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                        readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                        blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        fallbackBlueprints: {
+                            get(): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        };
                         button: {
                             blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                         };
@@ -182,8 +186,10 @@ export declare const useThemeContextStore: () => {
                     get: {
                         byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                        readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                        blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        fallbackBlueprints: {
+                            get(): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        };
                         button: {
                             blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                         };
@@ -254,8 +260,10 @@ export declare const useThemeContextStore: () => {
                     get: {
                         byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                        readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                        blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        fallbackBlueprints: {
+                            get(): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        };
                         button: {
                             blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                         };

package/internal-do-not-import-from-here/ux/aurora/store/ThemeStore.d.ts

@@ -33,8 +33,10 @@ export declare const useThemeStore: () => {
             get: {
                 byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                 readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                fallbackBlueprints: {
+                    get(): import("@omnia/fx-models").ComponentBlueprints;
+                    byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                };
                 button: {
                     blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                 };

package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts

@@ -50,8 +50,10 @@ export declare const useTypographyBlueprintStore: () => {
                     get: {
                         byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
-                        readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
-                        blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        fallbackBlueprints: {
+                            get(): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                        };
                         button: {
                             blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
                         };

package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts

@@ -1,12 +1,21 @@
 import { Spacing, SpacingValue, setColorOpacity, ColorValue } from "@omnia/fx-models";
 import { colorStyling, SpacingStyling, generalStylex, IconStyling, FillStyling, BorderStyling, BackgroundStyling, TextStyles } from "./styles";
 import { useSpacingBlueprintStore } from "../store";
-import { typographyStylex } from "./styles/Typography";
+import { TypographyStyling } from "./styles/Typography";
+import { InputStyling } from "./styles/InputStyling";
 export declare function useStyling(): {
-    spacing: typeof SpacingStyling.createSpacing;
-    spacingStylex: typeof SpacingStyling.createSpacingx;
+    spacing: {
+        stylex: typeof SpacingStyling.createSpacing;
+        style: typeof SpacingStyling.createSpacing;
+    };
+    background: {
+        grid: typeof BackgroundStyling.backgroundGrid;
+    };
 };
 export declare function useThemeStyling(): {
+    input: {
+        stylex: typeof InputStyling.getFieldBlueprintStylex;
+    };
     icons: {
         stylex: typeof IconStyling.getIconBlueprintStylex;
     };
@@ -28,9 +37,9 @@ export declare function useThemeStyling(): {
         };
     };
     typography: {
-        valueStylex: typeof typographyStylex.typographyStylexFromValueStylex;
-        typeStylex: typeof typographyStylex.typographyTypeStylex;
-        stylex: typeof typographyStylex.typographyStylex;
+        valueStylex: typeof TypographyStyling.typographyStylexFromValueStylex;
+        typeStylex: typeof TypographyStyling.typographyTypeStylex;
+        stylex: typeof TypographyStyling.typographyStylex;
         fontStyling: typeof import("./styles/Typography").fontStyling;
         typeStyling: (typographyType: import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
             baseStyles: {

package/internal-do-not-import-from-here/ux/aurora/styling/styles/BackgroundStyling.d.ts

@@ -2,6 +2,7 @@ import { BackgroundDefinition } from "@omnia/fx-models";
 import { StylexValue } from "internal/fx/ux/Styles.stylex";
 import { useColorSchemaStore } from "../../store";
 export declare namespace BackgroundStyling {
+    function backgroundGrid(): Readonly<StylexValue>;
     function getBlueprintBackgroundStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
     function getBlueprintBackgroundObjectStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
         borderTopLeftRadius?: StylexValue;

package/internal-do-not-import-from-here/ux/aurora/styling/styles/InputStyling.d.ts

@@ -0,0 +1,6 @@
+import { InputBlueprint, TextBlueprint } from "@omnia/fx-models";
+import { StylexValue } from "internal/fx/ux/Styles.stylex";
+import { useColorSchemaStore } from "../../store";
+export declare namespace InputStyling {
+    function getFieldBlueprintStylex(bluePrint: InputBlueprint, colors: ReturnType<typeof useColorSchemaStore>, customTextBlueprint: TextBlueprint): Readonly<StylexValue>;
+}

package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts

@@ -1,7 +1,7 @@
 import { TypographyBlueprint, TypographySize, TypographyTypes, TypographyValue } from "@omnia/fx-models";
 import { MediaQuery } from "typestyle/lib/types";
 import { useTypographyBlueprintStore } from "../../store";
-export declare namespace typographyStylex {
+export declare namespace TypographyStyling {
     function typographyTypeStylex(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyBlueprint): Readonly<import("../../../Styles.stylex").StylexValue>;
     function typographyStylex(blueprints: ReturnType<typeof useTypographyBlueprintStore>): {
         title: {

package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts

@@ -1,4 +1,4 @@
-import { IIcon, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
+import { IIcon, InputBlueprint, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ItemType, ItemValueType, ValidationRule } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 import { VSelectSlots } from "../../ComponentTypings";
@@ -13,7 +13,7 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
 declare const defaultRules: ValidationRule[];
 type SlotsWithReturnObject<TItem> = DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild>;
 type SlotsWithoutReturnObject = DefineSlot<"chip", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild>;
-type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
+type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
 export type OSelectProps<TItem, TReturnObject extends boolean> = BaseProps<TItem, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
 declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: import("@omnia/fx/ux").ConstructComponentProps<OSelectProps<TItem, TReturnObject>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/select/Select.stylex.d.ts

@@ -1,5 +1,7 @@
-import { OSelectTypes } from "@omnia/fx-models";
+import { OSelectTypes, TextBlueprint } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SelectStyles: {
+    textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
     componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/velcron/editor/components/EditorCanvas.css.d.ts

@@ -1,3 +0,0 @@
-export declare const EditorCanvasStyles: {
-    background: string;
-};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.330-dev",
+  "version": "8.0.331-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.330-dev",
+    "@omnia/fx-models": "8.0.331-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/internal-do-not-import-from-here/ux/oxide/inputfield/BlueprintStyling.d.ts

@@ -1,5 +0,0 @@
-import { InputBlueprint } from "@omnia/fx-models";
-import { StylexValue, useColorSchemaStore } from "@omnia/fx/ux";
-export declare namespace BlueprintStyling {
-    function getFieldBlueprintStylex(bluePrint: InputBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
-}