@omnia/fx 8.0.330-dev → 8.0.331-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.
- package/internal-do-not-import-from-here/ux/aurora/components/fillpicker/FillPicker.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/aurora/store/ComponentBlueprintStore.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/aurora/store/ThemeContextStore.d.ts +16 -8
- package/internal-do-not-import-from-here/ux/aurora/store/ThemeStore.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts +15 -6
- package/internal-do-not-import-from-here/ux/aurora/styling/styles/BackgroundStyling.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/aurora/styling/styles/InputStyling.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/oxide/select/Select.stylex.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/editor/components/EditorCanvas.css.d.ts +0 -3
- package/package.json +2 -2
- package/internal-do-not-import-from-here/ux/oxide/inputfield/BlueprintStyling.d.ts +0 -5
package/internal-do-not-import-from-here/ux/aurora/components/textstylepicker/TextStylePicker.d.ts
CHANGED
@@ -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
|
-
|
21
|
-
|
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
|
-
|
54
|
-
|
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
|
-
|
42
|
-
|
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
|
-
|
114
|
-
|
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
|
-
|
186
|
-
|
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
|
-
|
258
|
-
|
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
|
-
|
37
|
-
|
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
|
-
|
54
|
-
|
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 {
|
4
|
+
import { TypographyStyling } from "./styles/Typography";
|
5
|
+
import { InputStyling } from "./styles/InputStyling";
|
5
6
|
export declare function useStyling(): {
|
6
|
-
spacing:
|
7
|
-
|
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
|
32
|
-
typeStylex: typeof
|
33
|
-
stylex: typeof
|
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
|
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: {
|
@@ -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, 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>;
|
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
|
};
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@omnia/fx",
|
3
3
|
"license": "MIT",
|
4
|
-
"version": "8.0.
|
4
|
+
"version": "8.0.331-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.
|
23
|
+
"@omnia/fx-models": "8.0.331-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
|
-
}
|