@omnia/fx 8.0.108-vnext → 8.0.109-vnext

package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts

@@ -50,8 +50,8 @@ declare const _default: {
             }>) => void)[];
             readonly variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
             readonly force?: boolean;
-            readonly componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
-            readonly "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
+            readonly componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
+            readonly "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
         };
         $attrs: {
             [x: string]: unknown;
@@ -78,10 +78,10 @@ declare const _default: {
                 type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
             };
             "component-host": {
-                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
             };
             componentHost: {
-                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+                type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
             };
             host: {
                 type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -122,10 +122,10 @@ declare const _default: {
             type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
         };
         "component-host": {
-            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
         };
         componentHost: {
-            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+            type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
         };
         host: {
             type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -150,10 +150,10 @@ declare const _default: {
         type: import("vue").PropType<"section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section">;
     };
     "component-host": {
-        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
     };
     componentHost: {
-        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx">;
+        type: import("vue").PropType<"dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
     };
     host: {
         type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -167,8 +167,8 @@ declare const _default: {
         host?: "admin" | "editor" | "docs";
         variant?: "section" | "navigation" | "default" | "footer" | "header" | "options" | "content" | "settings" | "info-section";
         force?: boolean;
-        componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
-        "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "tab-vertical" | "panel" | "omfx";
+        componentHost?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
+        "component-host"?: "dialog" | "menu" | "table" | "toolbar" | "tab" | "tab-vertical" | "app" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.css.d.ts

@@ -1,4 +1,4 @@
-import { OIconSizes } from "@omnia/fx-models";
+import { IconVariants, OIconSizes } from "@omnia/fx-models";
 export declare const IconStyles: {
-    wrapper: (size: OIconSizes) => string;
+    wrapper: (size: OIconSizes, variant: IconVariants) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts

@@ -12,7 +12,7 @@ declare const _default: {
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
-            readonly size?: "small" | "default" | "x-small";
+            readonly size?: "small" | "default" | "large" | "x-large" | "x-small";
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -55,6 +55,7 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly icon?: IIcon;
+            readonly variant?: "background" | "default";
             readonly toned?: boolean;
             readonly customSize?: number;
         };
@@ -76,7 +77,10 @@ declare const _default: {
                 type: import("vue").PropType<number>;
             };
             size: {
-                type: import("vue").PropType<"small" | "default" | "x-small">;
+                type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            };
+            variant: {
+                type: import("vue").PropType<"background" | "default">;
             };
             toned: {
                 type: import("vue").PropType<boolean>;
@@ -126,7 +130,10 @@ declare const _default: {
             type: import("vue").PropType<number>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+        };
+        variant: {
+            type: import("vue").PropType<"background" | "default">;
         };
         toned: {
             type: import("vue").PropType<boolean>;
@@ -154,7 +161,10 @@ declare const _default: {
         type: import("vue").PropType<number>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "x-small">;
+        type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+    };
+    variant: {
+        type: import("vue").PropType<"background" | "default">;
     };
     toned: {
         type: import("vue").PropType<boolean>;
@@ -188,8 +198,9 @@ declare const _default: {
         colors?: any;
     } & {
         class?: String | String[];
-        size?: "small" | "default" | "x-small";
+        size?: "small" | "default" | "large" | "x-large" | "x-small";
         icon?: IIcon;
+        variant?: "background" | "default";
         toned?: boolean;
         customSize?: number;
     }>, never>;

package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts

@@ -54,9 +54,9 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly variant?: "navigation" | "default" | "options";
-            readonly lines?: false | "one" | "two" | "three";
             readonly divider?: boolean;
             readonly toned?: boolean;
+            readonly lines?: false | "one" | "two" | "three";
         };
         $attrs: {
             [x: string]: unknown;
@@ -199,9 +199,9 @@ declare const _default: {
         nav?: boolean;
         class?: String | String[];
         variant?: "navigation" | "default" | "options";
-        lines?: false | "one" | "two" | "three";
         divider?: boolean;
         toned?: boolean;
+        lines?: false | "one" | "two" | "three";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -59,10 +59,10 @@ declare const _default: {
             readonly icon?: ButtonIconOptions;
             readonly active?: boolean;
             readonly disabled?: boolean;
+            readonly variant?: "navigation" | "default" | "delete";
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & VListItemSlots;
-            readonly variant?: "navigation" | "default" | "delete";
             readonly subtitle?: VNodeChild;
             "onClick:delete"?: (value: any) => any;
             "onClick:navigate"?: (value: any) => any;
@@ -237,10 +237,10 @@ declare const _default: {
         icon?: ButtonIconOptions;
         active?: boolean;
         disabled?: boolean;
+        variant?: "navigation" | "default" | "delete";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & VListItemSlots;
-        variant?: "navigation" | "default" | "delete";
         subtitle?: VNodeChild;
     }>, "onClick:delete" | "onClick:navigate"> & {
         "onClick:delete"?: (value: any) => any;

package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts

@@ -57,16 +57,16 @@ declare const _default: {
             readonly maxWidth?: string | number;
             readonly minHeight?: string | number;
             readonly minWidth?: string | number;
-            readonly attach?: string | boolean | Element;
             readonly modelValue?: boolean;
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
             } & {
                 activator?: () => VNodeChild;
             };
+            readonly "v-model"?: boolean;
+            readonly attach?: string | boolean | Element;
             readonly location?: "left" | "center" | "right" | "bottom" | "top" | "end" | "start" | "center center" | "bottom end" | "bottom start" | "top center" | "top end" | "top start" | "end bottom" | "end top" | "start bottom" | "start top";
             "onUpdate:modelValue"?: ((value: boolean) => any) & ((value: boolean) => any);
-            readonly "v-model"?: boolean;
             readonly activator?: string;
             readonly closeDelay?: string | number;
             readonly openOnHover?: boolean;
@@ -325,16 +325,16 @@ declare const _default: {
         maxWidth?: string | number;
         minHeight?: string | number;
         minWidth?: string | number;
-        attach?: string | boolean | Element;
         modelValue?: boolean;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
         } & {
             activator?: () => VNodeChild;
         };
+        "v-model"?: boolean;
+        attach?: string | boolean | Element;
         location?: "left" | "center" | "right" | "bottom" | "top" | "end" | "start" | "center center" | "bottom end" | "bottom start" | "top center" | "top end" | "top start" | "end bottom" | "end top" | "start bottom" | "start top";
         "onUpdate:modelValue"?: (value: boolean) => any;
-        "v-model"?: boolean;
         activator?: string;
         closeDelay?: string | number;
         openOnHover?: boolean;

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts

@@ -52,12 +52,12 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly modelValue?: boolean;
             readonly variant?: "default" | "dialog" | "app" | "editor";
+            readonly toned?: boolean;
+            readonly modelValue?: boolean;
+            readonly "v-model"?: boolean;
             readonly location?: "left" | "right" | "bottom" | "top" | "end" | "start";
             readonly "onUpdate:modelValue"?: (value: boolean) => any;
-            readonly "v-model"?: boolean;
-            readonly toned?: boolean;
             readonly overrides?: object;
         };
         $attrs: {
@@ -223,12 +223,12 @@ declare const _default: {
         colors?: any;
     } & {
         class?: String | String[];
-        modelValue?: boolean;
         variant?: "default" | "dialog" | "app" | "editor";
+        toned?: boolean;
+        modelValue?: boolean;
+        "v-model"?: boolean;
         location?: "left" | "right" | "bottom" | "top" | "end" | "start";
         "onUpdate:modelValue"?: (value: boolean) => any;
-        "v-model"?: boolean;
-        toned?: boolean;
         overrides?: object;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts

@@ -59,12 +59,12 @@ declare const _default: {
             readonly hide?: boolean;
             readonly wrap?: boolean;
             readonly filled?: boolean;
-            readonly variant?: "section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "settings" | "tab-vertical" | "info-section";
-            readonly divider?: BorderCombination;
             readonly grow?: boolean;
-            readonly toned?: boolean;
-            readonly grouped?: boolean;
+            readonly variant?: "section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "tab-vertical" | "settings" | "info-section";
+            readonly divider?: BorderCombination;
             readonly alignY?: "center" | "bottom" | "top";
+            readonly grouped?: boolean;
+            readonly toned?: boolean;
             readonly spacelessTop?: boolean;
             readonly spacelessBottom?: boolean;
             readonly alignX?: "left" | "center" | "right";
@@ -126,7 +126,7 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             variant: {
-                type: import("vue").PropType<"section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "settings" | "tab-vertical" | "info-section">;
+                type: import("vue").PropType<"section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "tab-vertical" | "settings" | "info-section">;
             };
             title: {
                 type: import("vue").PropType<string>;
@@ -209,7 +209,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "settings" | "tab-vertical" | "info-section">;
+            type: import("vue").PropType<"section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "tab-vertical" | "settings" | "info-section">;
         };
         title: {
             type: import("vue").PropType<string>;
@@ -270,7 +270,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "settings" | "tab-vertical" | "info-section">;
+        type: import("vue").PropType<"section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "tab-vertical" | "settings" | "info-section">;
     };
     title: {
         type: import("vue").PropType<string>;
@@ -304,12 +304,12 @@ declare const _default: {
         hide?: boolean;
         wrap?: boolean;
         filled?: boolean;
-        variant?: "section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "settings" | "tab-vertical" | "info-section";
-        divider?: BorderCombination;
         grow?: boolean;
-        toned?: boolean;
-        grouped?: boolean;
+        variant?: "section" | "navigation" | "default" | "dialog" | "content" | "toolbar" | "tab" | "tab-vertical" | "settings" | "info-section";
+        divider?: BorderCombination;
         alignY?: "center" | "bottom" | "top";
+        grouped?: boolean;
+        toned?: boolean;
         spacelessTop?: boolean;
         spacelessBottom?: boolean;
         alignX?: "left" | "center" | "right";

package/internal-do-not-import-from-here/ux/oxide/progress/Progress.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
             class?: unknown;
             readonly type?: "linear" | "circular";
             key?: string | number | symbol;
+            readonly size?: "default" | "large" | "x-large";
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -48,6 +49,7 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            readonly variant?: "default" | "loading";
         };
         $attrs: {
             [x: string]: unknown;
@@ -63,6 +65,12 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"default" | "large" | "x-large">;
+            };
+            variant: {
+                type: import("vue").PropType<"default" | "loading">;
+            };
             type: {
                 type: import("vue").PropType<"linear" | "circular">;
                 required: false;
@@ -88,6 +96,12 @@ 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<{
+        size: {
+            type: import("vue").PropType<"default" | "large" | "x-large">;
+        };
+        variant: {
+            type: import("vue").PropType<"default" | "loading">;
+        };
         type: {
             type: import("vue").PropType<"linear" | "circular">;
             required: false;
@@ -97,6 +111,12 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"default" | "large" | "x-large">;
+    };
+    variant: {
+        type: import("vue").PropType<"default" | "loading">;
+    };
     type: {
         type: import("vue").PropType<"linear" | "circular">;
         required: false;
@@ -104,6 +124,8 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         type?: "linear" | "circular";
+        size?: "default" | "large" | "x-large";
+        variant?: "default" | "loading";
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.d.ts

@@ -54,9 +54,9 @@ declare const _default: {
                 [key: string]: any;
             }>) => void)[];
             readonly modelValue?: any;
+            readonly "v-model"?: any;
             readonly rules?: ValidationRule[];
             "onUpdate:modelValue"?: ((value: any) => any) & ((value: any) => any);
-            readonly "v-model"?: any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -202,9 +202,9 @@ declare const _default: {
     } & {
         class?: String | String[];
         modelValue?: any;
+        "v-model"?: any;
         rules?: ValidationRule[];
         "onUpdate:modelValue"?: (value: any) => any;
-        "v-model"?: any;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: any) => any;
     };

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

@@ -70,6 +70,8 @@ declare const _default: {
             }>) => void)[];
             readonly multiple?: boolean;
             readonly disabled?: boolean;
+            readonly variant?: "default" | "add" | "picker" | "combobox";
+            readonly toned?: boolean;
             readonly modelValue?: any;
             readonly "v-slots"?: {
                 default?: import("../../DefineVueTypings").Slot<any[]>;
@@ -77,20 +79,18 @@ declare const _default: {
                 chip?: (item: RenderingItem, index: Number) => VNodeChild;
                 selection?: (item: RenderingItem, index: Number) => VNodeChild;
             };
-            readonly variant?: "default" | "add" | "picker" | "combobox";
+            readonly "v-model"?: any;
             readonly loading?: boolean;
             readonly readonly?: boolean;
             readonly rules?: ValidationRule[];
             readonly hint?: string;
             readonly persistentHint?: boolean;
             "onUpdate:modelValue"?: ((value: any) => any) & ((value: any) => any);
-            readonly "v-model"?: any;
             readonly items?: any;
             readonly itemTitle?: any;
             readonly itemValue?: any;
             readonly returnObject?: boolean;
             readonly clearable?: boolean;
-            readonly toned?: boolean;
             readonly hideSelected?: boolean;
             readonly searchable?: boolean;
             "onClick:button"?: (value: any) => any;
@@ -432,6 +432,8 @@ declare const _default: {
         class?: String | String[];
         multiple?: boolean;
         disabled?: boolean;
+        variant?: "default" | "add" | "picker" | "combobox";
+        toned?: boolean;
         modelValue?: any;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;
@@ -439,20 +441,18 @@ declare const _default: {
             chip?: (item: RenderingItem, index: Number) => VNodeChild;
             selection?: (item: RenderingItem, index: Number) => VNodeChild;
         };
-        variant?: "default" | "add" | "picker" | "combobox";
+        "v-model"?: any;
         loading?: boolean;
         readonly?: boolean;
         rules?: ValidationRule[];
         hint?: string;
         persistentHint?: boolean;
         "onUpdate:modelValue"?: (value: any) => any;
-        "v-model"?: any;
         items?: any;
         itemTitle?: any;
         itemValue?: any;
         returnObject?: boolean;
         clearable?: boolean;
-        toned?: boolean;
         hideSelected?: boolean;
         searchable?: boolean;
     }>, "onUpdate:modelValue" | "onClick:button"> & {

package/internal-do-not-import-from-here/ux/oxide/skeletonloader/SkeletonLoader.css.d.ts

@@ -0,0 +1,4 @@
+import { useBlueprintStore } from "../..";
+export declare const SliderStyles: {
+    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useBlueprintStore>) => string;
+};