@omnia/fx 8.0.12-vnext → 8.0.15-vnext

package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts

@@ -3,32 +3,44 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            typography: {
-                type: import("vue").PropType<TypographyType>;
-                required: true;
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            toned: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
             color: {
                 type: import("vue").PropType<ColorTypes>;
-                required: false;
-            };
-            toned: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
-            };
-            class: {
-                type: import("vue").PropType<String | String[]>;
                 required: boolean;
+                default?: ColorTypes;
+            } & {
+                type: import("vue").PropType<ColorTypes>;
+                required: boolean;
+                default?: ColorTypes;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            typography: {
+                type: import("vue").PropType<TypographyType>;
                 required: boolean;
+                default?: TypographyType;
+            } & {
+                type: import("vue").PropType<TypographyType>;
+                required: boolean;
+                default?: TypographyType;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            colorSchemaType?: any;
+            container?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -43,31 +55,43 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            typography: {
-                type: import("vue").PropType<TypographyType>;
-                required: true;
+            toned: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
             color: {
                 type: import("vue").PropType<ColorTypes>;
-                required: false;
-            };
-            toned: {
-                type: import("vue").PropType<Boolean>;
-                required: false;
-            };
-            class: {
-                type: import("vue").PropType<String | String[]>;
                 required: boolean;
+                default?: ColorTypes;
+            } & {
+                type: import("vue").PropType<ColorTypes>;
+                required: boolean;
+                default?: ColorTypes;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            typography: {
+                type: import("vue").PropType<TypographyType>;
+                required: boolean;
+                default?: TypographyType;
+            } & {
+                type: import("vue").PropType<TypographyType>;
                 required: boolean;
+                default?: TypographyType;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            colorSchemaType?: any;
+            container?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -88,68 +112,89 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        typography: {
-            type: import("vue").PropType<TypographyType>;
-            required: true;
+        toned: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
         color: {
             type: import("vue").PropType<ColorTypes>;
-            required: false;
-        };
-        toned: {
-            type: import("vue").PropType<Boolean>;
-            required: false;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
             required: boolean;
+            default?: ColorTypes;
+        } & {
+            type: import("vue").PropType<ColorTypes>;
+            required: boolean;
+            default?: ColorTypes;
         };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+        typography: {
+            type: import("vue").PropType<TypographyType>;
             required: boolean;
+            default?: TypographyType;
+        } & {
+            type: import("vue").PropType<TypographyType>;
+            required: boolean;
+            default?: TypographyType;
         };
-        container: {
-            type: import("vue").PropType<boolean>;
+        class: {
+            type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
+        colorSchemaType?: any;
+        container?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    typography: {
-        type: import("vue").PropType<TypographyType>;
-        required: true;
+    toned: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
     color: {
         type: import("vue").PropType<ColorTypes>;
-        required: false;
-    };
-    toned: {
-        type: import("vue").PropType<Boolean>;
-        required: false;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
         required: boolean;
+        default?: ColorTypes;
+    } & {
+        type: import("vue").PropType<ColorTypes>;
+        required: boolean;
+        default?: ColorTypes;
     };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+    typography: {
+        type: import("vue").PropType<TypographyType>;
+        required: boolean;
+        default?: TypographyType;
+    } & {
+        type: import("vue").PropType<TypographyType>;
         required: boolean;
+        default?: TypographyType;
     };
-    container: {
-        type: import("vue").PropType<boolean>;
+    class: {
+        type: import("vue").PropType<String | String[]>;
         required: boolean;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    colorSchemaType?: any;
+    container?: any;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container?: any;
+    colorSchemaType?: any;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
-        typography: TypographyType;
+        container?: any;
+        colorSchemaType?: any;
     } & {
         class?: String | String[];
         color?: ColorTypes;
-        container?: boolean;
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
-        toned?: Boolean;
+        typography?: TypographyType;
+        toned?: boolean;
     }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.css.d.ts

@@ -1 +1,11 @@
-export declare const TextFieldStyles: {};
+export declare const TextFieldStyles: {
+    generalField: (textColor: string) => string;
+    numberSelectorField: {
+        wrapper: (backgroundColor: string, textColor: string) => string;
+        stackWrapper: string;
+        stackWrapperPrepend: string;
+        buttonLeft: string;
+        buttonRight: string;
+        buttonIcon: string;
+    };
+};

package/internal-do-not-import-from-here/ux/oxide/textfield/TextField.d.ts

@@ -1,3 +1,4 @@
+type VariantType = "search" | "numberselector" | "numberselector-prepend";
 export interface TextFieldModel {
     text: String;
 }
@@ -5,34 +6,48 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-            };
-            label: {
-                type: StringConstructor;
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            placeholder: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
             };
             variant: {
-                type: import("vue").PropType<"search">;
-            };
-            "v-model": {
-                type: StringConstructor;
-            };
-            class: {
-                type: import("vue").PropType<String | String[]>;
+                type: import("vue").PropType<VariantType>;
+                required: boolean;
+                default?: VariantType;
+            } & {
+                type: import("vue").PropType<VariantType>;
                 required: boolean;
+                default?: VariantType;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            label: {
+                type: import("vue").PropType<string>;
                 required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            "v-model": import("vue").PropType<string>;
+            modelValue: import("vue").PropType<string>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
+            colorSchemaType?: any;
+            container?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: string) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -47,35 +62,49 @@ declare const _default: {
         $emit: (event: "update:modelValue", value: string) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            id: {
-                type: StringConstructor;
-            };
-            label: {
-                type: StringConstructor;
+            placeholder: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
             };
             variant: {
-                type: import("vue").PropType<"search">;
-            };
-            "v-model": {
-                type: StringConstructor;
-            };
-            class: {
-                type: import("vue").PropType<String | String[]>;
+                type: import("vue").PropType<VariantType>;
+                required: boolean;
+                default?: VariantType;
+            } & {
+                type: import("vue").PropType<VariantType>;
                 required: boolean;
+                default?: VariantType;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            label: {
+                type: import("vue").PropType<string>;
                 required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            "v-model": import("vue").PropType<string>;
+            modelValue: import("vue").PropType<string>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
+            colorSchemaType?: any;
+            container?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: string) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: string) => true;
-        }, string, {}, {}, string> & {
+        }, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -96,30 +125,41 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
+        placeholder: {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        } & {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
         };
         variant: {
-            type: import("vue").PropType<"search">;
-        };
-        "v-model": {
-            type: StringConstructor;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
+            type: import("vue").PropType<VariantType>;
+            required: boolean;
+            default?: VariantType;
+        } & {
+            type: import("vue").PropType<VariantType>;
             required: boolean;
+            default?: VariantType;
         };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+        label: {
+            type: import("vue").PropType<string>;
             required: boolean;
+            default?: string;
+        } & {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
         };
-        container: {
-            type: import("vue").PropType<boolean>;
+        "v-model": import("vue").PropType<string>;
+        modelValue: import("vue").PropType<string>;
+        class: {
+            type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
+        colorSchemaType?: any;
+        container?: any;
     }>> & {
         "onUpdate:modelValue"?: (value: string) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
@@ -127,43 +167,59 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-    };
-    label: {
-        type: StringConstructor;
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    } & {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
     };
     variant: {
-        type: import("vue").PropType<"search">;
-    };
-    "v-model": {
-        type: StringConstructor;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
+        type: import("vue").PropType<VariantType>;
+        required: boolean;
+        default?: VariantType;
+    } & {
+        type: import("vue").PropType<VariantType>;
         required: boolean;
+        default?: VariantType;
     };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+    label: {
+        type: import("vue").PropType<string>;
         required: boolean;
+        default?: string;
+    } & {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
     };
-    container: {
-        type: import("vue").PropType<boolean>;
+    "v-model": import("vue").PropType<string>;
+    modelValue: import("vue").PropType<string>;
+    class: {
+        type: import("vue").PropType<String | String[]>;
         required: boolean;
     };
+    colorSchemaType?: any;
+    container?: any;
 }>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => true;
-}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {
+}, string, {
+    container?: any;
+    colorSchemaType?: any;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{
+        container?: any;
+        colorSchemaType?: any;
+    } & {
         label?: string;
         class?: String | String[];
-        id?: string;
-        container?: boolean;
-        variant?: "search";
+        placeholder?: string;
         "v-model"?: string;
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
+        modelValue?: string;
+        variant?: VariantType;
     }> & {
         "onUpdate:modelValue"?: (value: string) => any;
     };

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.css.d.ts

@@ -1,4 +1,5 @@
 export declare const ToolbarStyles: {
     templateTitle: string;
     content: string;
+    iconWrapper: (color: string) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -1,14 +1,15 @@
+import { IIcon } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            id: string;
+            icon: IIcon;
             title: string;
             class: String | String[];
-            colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-            container: boolean;
+            colorSchemaType?: unknown;
+            container?: unknown;
             "v-slots"?: {
                 default?: () => VNodeChild;
             } & {
@@ -29,11 +30,11 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            id: string;
+            icon: IIcon;
             title: string;
             class: String | String[];
-            colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-            container: boolean;
+            colorSchemaType?: unknown;
+            container?: unknown;
             "v-slots"?: {
                 default?: () => VNodeChild;
             } & {
@@ -60,11 +61,11 @@ declare const _default: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        id: string;
+        icon: IIcon;
         title: string;
         class: String | String[];
-        colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-        container: boolean;
+        colorSchemaType?: unknown;
+        container?: unknown;
         "v-slots"?: {
             default?: () => VNodeChild;
         } & {
@@ -75,11 +76,11 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    id: string;
+    icon: IIcon;
     title: string;
     class: String | String[];
-    colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-    container: boolean;
+    colorSchemaType?: unknown;
+    container?: unknown;
     "v-slots"?: {
         default?: () => VNodeChild;
     } & {
@@ -89,14 +90,14 @@ declare const _default: {
     propsDefinition: Readonly<{} & {
         title?: string;
         class?: String | String[];
-        id?: string;
-        container?: boolean;
+        icon?: IIcon;
+        container?: unknown;
         "v-slots"?: {
             default?: () => VNodeChild;
         } & {
             icon?: () => VNodeChild;
         };
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: unknown;
     }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/playground_test/PlayComponent.d.ts

@@ -89,6 +89,7 @@ export declare class PlayGroundComponent extends VueComponentBase<{}, {}, {}> im
     private epsPickerMultipleValue;
     private spEnterpriseGlossary;
     private calendarModel;
+    private spacingModel;
     render(): JSX.Element;
     renderVuetifyBreakpoint(): JSX.Element;
     renderWizard(): JSX.Element;