@omnia/fx 8.0.330-dev → 8.0.332-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/internal-do-not-import-from-here/services/properties/datasource/DataSourcePropertyProvider.d.ts +6 -1
  2. package/internal-do-not-import-from-here/ux/app/AppPropertiesProvider.d.ts +6 -2
  3. package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +2 -0
  4. package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +2 -0
  5. package/internal-do-not-import-from-here/ux/aurora/store/ComponentBlueprintStore.d.ts +4 -2
  6. package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +4 -2
  7. package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts +16 -8
  8. package/internal-do-not-import-from-here/ux/aurora/store/ThemeStore.d.ts +4 -2
  9. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +4 -2
  10. package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts +15 -6
  11. package/internal-do-not-import-from-here/ux/aurora/styling/styles/BackgroundStyling.d.ts +1 -0
  12. package/internal-do-not-import-from-here/ux/aurora/styling/styles/InputStyling.d.ts +6 -0
  13. package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts +1 -1
  14. package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts +2 -2
  15. package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +2 -2
  16. package/internal-do-not-import-from-here/ux/oxide/select/Select.stylex.d.ts +3 -1
  17. package/internal-do-not-import-from-here/ux/velcron/editor/components/EditorCanvas.css.d.ts +0 -3
  18. package/package.json +2 -2
  19. package/internal-do-not-import-from-here/ux/oxide/inputfield/BlueprintStyling.d.ts +0 -5
@@ -1,5 +1,6 @@
1
- import { DataSourceProperty, DataSourcePropertyDisplayInformation, PropertyConfiguration, guid, PropertyDefinition, PropertyDefinitionId, UserIdentity } from "../../../models";
1
+ import { DataSourceProperty, DataSourcePropertyDisplayInformation, PropertyConfiguration, guid, PropertyDefinition, PropertyDefinitionId, UserIdentity, PropertyValue } from "../../../models";
2
2
  import { WritebackResult } from "./DataSourcePropertiesService";
3
+ import { DataSourcePropertyDefintionHandlerId } from "./DataSourcePropertyDefinitionHandler";
3
4
  export interface IDataSourcePropertyCreator {
4
5
  createPropertyFromString(propertyName: string): Promise<DataSourceProperty>;
5
6
  }
@@ -49,6 +50,10 @@ export declare abstract class PropertyDataSourceBase<TDataSourceProperty extends
49
50
  property: TDataSourceProperty;
50
51
  displayInformation: DataSourcePropertyDisplayInformation;
51
52
  }>>;
53
+ abstract getPropertyRenderInformation(dataSourceProperty: DataSourceProperty, hanlderId: DataSourcePropertyDefintionHandlerId, propertyConfiguration?: PropertyConfiguration<PropertyDefinition<any, any, any>>, value?: any): Promise<{
54
+ propertyDefinitionId: PropertyDefinitionId;
55
+ propertyValue: PropertyValue;
56
+ }>;
52
57
  }
53
58
  export declare abstract class DynamicPropertyDataSource<TDataSourceProperty extends DataSourceProperty> extends PropertyDataSourceBase<TDataSourceProperty> implements IDataSourcePropertyCreator {
54
59
  abstract createPropertyFromString(propertyName: string): Promise<DataSourceProperty>;
@@ -1,7 +1,11 @@
1
- import { PropertyConfiguration, PropertyDefinition, DataSourcePropertyDisplayInformation, guid, PropertyDefinitionId, PropertyDisplaySettingsBase, PropertySetupBase, AppDataSourceProperty } from "@omnia/fx-models";
1
+ import { PropertyConfiguration, PropertyDefinition, DataSourcePropertyDisplayInformation, guid, PropertyDefinitionId, PropertyDisplaySettingsBase, PropertySetupBase, AppDataSourceProperty, DataSourceProperty, PropertyValue } from "@omnia/fx-models";
2
2
  import { EnterprisePropertyStore, MultilingualStore } from "@omnia/fx/stores";
3
- import { PropertyDataSourceBase, WritebackResult, EnterprisePropertiesProvider, PropertyBindingService } from "@omnia/fx/services";
3
+ import { PropertyDataSourceBase, WritebackResult, EnterprisePropertiesProvider, PropertyBindingService, DataSourcePropertyDefintionHandlerId } from "@omnia/fx/services";
4
4
  export declare class AppPropertiesProvider extends PropertyDataSourceBase<AppDataSourceProperty> {
5
+ getPropertyRenderInformation(dataSourceProperty: DataSourceProperty, hanlderId: DataSourcePropertyDefintionHandlerId, propertyConfiguration?: PropertyConfiguration<PropertyDefinition<any, any, any>>, value?: any): Promise<{
6
+ propertyDefinitionId: PropertyDefinitionId;
7
+ propertyValue: PropertyValue;
8
+ }>;
5
9
  id: guid;
6
10
  title: string;
7
11
  private omniaContext;
@@ -23,6 +23,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
23
23
  enableDynamicColor?: boolean;
24
24
  } & {
25
25
  createNewColorDynamic?: boolean;
26
+ } & {
27
+ singleColor?: boolean;
26
28
  } & {
27
29
  variant?: FillPickerVariant;
28
30
  } & {
@@ -20,6 +20,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
20
20
  label?: string;
21
21
  } & {
22
22
  customTyping?: boolean;
23
+ } & {
24
+ singleColor?: boolean;
23
25
  } & {
24
26
  enableDynamicColor?: boolean;
25
27
  } & DefineSlot<"activator", () => VNodeChild>>) => any;
@@ -17,8 +17,10 @@ export declare const useComponentBlueprintStore: () => {
17
17
  get: {
18
18
  byType<TType extends Blueprint>(type: WebBlueprintItemDefintionType): any;
19
19
  readonly blueprints: ComponentBlueprints;
20
- readonly blueprintStrategy: ComponentBlueprints;
21
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): ComponentBlueprints;
20
+ fallbackBlueprints: {
21
+ get(): ComponentBlueprints;
22
+ byType(strategyType: "MD2" | "MD3"): ComponentBlueprints;
23
+ };
22
24
  button: {
23
25
  blueprintByType(type: ButtonBlueprintVariant | ButtonBlueprint): ButtonBlueprint;
24
26
  };
@@ -50,8 +50,10 @@ export declare const useSpacingBlueprintStore: () => {
50
50
  get: {
51
51
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
52
52
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
53
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
54
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
53
+ fallbackBlueprints: {
54
+ get(): import("@omnia/fx-models").ComponentBlueprints;
55
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
56
+ };
55
57
  button: {
56
58
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
57
59
  };
@@ -38,8 +38,10 @@ export declare const useThemeContextStore: () => {
38
38
  get: {
39
39
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
40
40
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
41
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
42
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
41
+ fallbackBlueprints: {
42
+ get(): import("@omnia/fx-models").ComponentBlueprints;
43
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
44
+ };
43
45
  button: {
44
46
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
45
47
  };
@@ -110,8 +112,10 @@ export declare const useThemeContextStore: () => {
110
112
  get: {
111
113
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
112
114
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
113
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
114
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
115
+ fallbackBlueprints: {
116
+ get(): import("@omnia/fx-models").ComponentBlueprints;
117
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
118
+ };
115
119
  button: {
116
120
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
117
121
  };
@@ -182,8 +186,10 @@ export declare const useThemeContextStore: () => {
182
186
  get: {
183
187
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
184
188
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
185
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
186
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
189
+ fallbackBlueprints: {
190
+ get(): import("@omnia/fx-models").ComponentBlueprints;
191
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
192
+ };
187
193
  button: {
188
194
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
189
195
  };
@@ -254,8 +260,10 @@ export declare const useThemeContextStore: () => {
254
260
  get: {
255
261
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
256
262
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
257
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
258
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
263
+ fallbackBlueprints: {
264
+ get(): import("@omnia/fx-models").ComponentBlueprints;
265
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
266
+ };
259
267
  button: {
260
268
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
261
269
  };
@@ -33,8 +33,10 @@ export declare const useThemeStore: () => {
33
33
  get: {
34
34
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
35
35
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
36
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
37
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
36
+ fallbackBlueprints: {
37
+ get(): import("@omnia/fx-models").ComponentBlueprints;
38
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
39
+ };
38
40
  button: {
39
41
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
40
42
  };
@@ -50,8 +50,10 @@ export declare const useTypographyBlueprintStore: () => {
50
50
  get: {
51
51
  byType<TType extends import("@omnia/fx-models").Blueprint>(type: import("@omnia/fx-models").WebBlueprintItemDefintionType): any;
52
52
  readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
53
- readonly blueprintStrategy: import("@omnia/fx-models").ComponentBlueprints;
54
- blueprintStrategyByType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
53
+ fallbackBlueprints: {
54
+ get(): import("@omnia/fx-models").ComponentBlueprints;
55
+ byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
56
+ };
55
57
  button: {
56
58
  blueprintByType(type: import("@omnia/fx-models").ButtonBlueprintVariant | import("@omnia/fx-models").ButtonBlueprint): import("@omnia/fx-models").ButtonBlueprint;
57
59
  };
@@ -1,12 +1,21 @@
1
1
  import { Spacing, SpacingValue, setColorOpacity, ColorValue } from "@omnia/fx-models";
2
2
  import { colorStyling, SpacingStyling, generalStylex, IconStyling, FillStyling, BorderStyling, BackgroundStyling, TextStyles } from "./styles";
3
3
  import { useSpacingBlueprintStore } from "../store";
4
- import { typographyStylex } from "./styles/Typography";
4
+ import { TypographyStyling } from "./styles/Typography";
5
+ import { InputStyling } from "./styles/InputStyling";
5
6
  export declare function useStyling(): {
6
- spacing: typeof SpacingStyling.createSpacing;
7
- spacingStylex: typeof SpacingStyling.createSpacingx;
7
+ spacing: {
8
+ stylex: typeof SpacingStyling.createSpacing;
9
+ style: typeof SpacingStyling.createSpacing;
10
+ };
11
+ background: {
12
+ grid: typeof BackgroundStyling.backgroundGrid;
13
+ };
8
14
  };
9
15
  export declare function useThemeStyling(): {
16
+ input: {
17
+ stylex: typeof InputStyling.getFieldBlueprintStylex;
18
+ };
10
19
  icons: {
11
20
  stylex: typeof IconStyling.getIconBlueprintStylex;
12
21
  };
@@ -28,9 +37,9 @@ export declare function useThemeStyling(): {
28
37
  };
29
38
  };
30
39
  typography: {
31
- valueStylex: typeof typographyStylex.typographyStylexFromValueStylex;
32
- typeStylex: typeof typographyStylex.typographyTypeStylex;
33
- stylex: typeof typographyStylex.typographyStylex;
40
+ valueStylex: typeof TypographyStyling.typographyStylexFromValueStylex;
41
+ typeStylex: typeof TypographyStyling.typographyTypeStylex;
42
+ stylex: typeof TypographyStyling.typographyStylex;
34
43
  fontStyling: typeof import("./styles/Typography").fontStyling;
35
44
  typeStyling: (typographyType: import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
36
45
  baseStyles: {
@@ -2,6 +2,7 @@ import { BackgroundDefinition } from "@omnia/fx-models";
2
2
  import { StylexValue } from "internal/fx/ux/Styles.stylex";
3
3
  import { useColorSchemaStore } from "../../store";
4
4
  export declare namespace BackgroundStyling {
5
+ function backgroundGrid(): Readonly<StylexValue>;
5
6
  function getBlueprintBackgroundStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
6
7
  function getBlueprintBackgroundObjectStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
7
8
  borderTopLeftRadius?: StylexValue;
@@ -0,0 +1,6 @@
1
+ import { InputBlueprint, TextBlueprint } from "@omnia/fx-models";
2
+ import { StylexValue } from "internal/fx/ux/Styles.stylex";
3
+ import { useColorSchemaStore } from "../../store";
4
+ export declare namespace InputStyling {
5
+ function getFieldBlueprintStylex(bluePrint: InputBlueprint, colors: ReturnType<typeof useColorSchemaStore>, customTextBlueprint: TextBlueprint): Readonly<StylexValue>;
6
+ }
@@ -1,7 +1,7 @@
1
1
  import { TypographyBlueprint, TypographySize, TypographyTypes, TypographyValue } from "@omnia/fx-models";
2
2
  import { MediaQuery } from "typestyle/lib/types";
3
3
  import { useTypographyBlueprintStore } from "../../store";
4
- export declare namespace typographyStylex {
4
+ export declare namespace TypographyStyling {
5
5
  function typographyTypeStylex(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyBlueprint): Readonly<import("../../../Styles.stylex").StylexValue>;
6
6
  function typographyStylex(blueprints: ReturnType<typeof useTypographyBlueprintStore>): {
7
7
  title: {
@@ -7,8 +7,8 @@ export type InputApi = {
7
7
  focus: () => void;
8
8
  };
9
9
  type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | 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<"rules", ValidationRule[], false, null, "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."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
10
- type NumberInputProps = DefineVModel<"", number, false, null, false, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
11
- type TextInputProps = DefineVModel<"", string, false, null, false, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
10
+ type NumberInputProps = DefineVModel<"", number, false, null, true, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
11
+ type TextInputProps = DefineVModel<"", string, false, null, true, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
12
12
  declare const _default: <TType extends "text" | "number" | "password" = "text">(props: import("@omnia/fx/ux").ConstructComponentProps<{
13
13
  type?: TType;
14
14
  } & (TType extends "number" ? NumberInputProps : TextInputProps)>) => any;
@@ -1,4 +1,4 @@
1
- import { IIcon, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
1
+ import { IIcon, InputBlueprint, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
2
2
  import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ItemType, ItemValueType, ValidationRule } from "@omnia/fx/ux";
3
3
  import { VNodeChild } from "vue";
4
4
  import { VSelectSlots } from "../../ComponentTypings";
@@ -13,7 +13,7 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
13
13
  declare const defaultRules: ValidationRule[];
14
14
  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>;
15
15
  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>;
16
- 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>;
16
+ type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "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>;
17
17
  export type OSelectProps<TItem, TReturnObject extends boolean> = BaseProps<TItem, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
18
18
  declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: import("@omnia/fx/ux").ConstructComponentProps<OSelectProps<TItem, TReturnObject>>) => any;
19
19
  export default _default;
@@ -1,5 +1,7 @@
1
- import { OSelectTypes } from "@omnia/fx-models";
1
+ import { OSelectTypes, TextBlueprint } from "@omnia/fx-models";
2
+ import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
2
3
  export declare const SelectStyles: {
4
+ textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
3
5
  componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
4
6
  componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
5
7
  };
@@ -1,3 +0,0 @@
1
- export declare const EditorCanvasStyles: {
2
- background: string;
3
- };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.330-dev",
4
+ "version": "8.0.332-dev",
5
5
  "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "author": "Precio Fishbone",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.330-dev",
23
+ "@omnia/fx-models": "8.0.332-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",
@@ -1,5 +0,0 @@
1
- import { InputBlueprint } from "@omnia/fx-models";
2
- import { StylexValue, useColorSchemaStore } from "@omnia/fx/ux";
3
- export declare namespace BlueprintStyling {
4
- function getFieldBlueprintStylex(bluePrint: InputBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
5
- }