@omnia/fx 8.0.20-vnext → 8.0.21-vnext

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -1,7 +1,9 @@
 import { ButtonIconOptions, ButtonTooltipOptions } from "@omnia/fx-models";
-import { ButtonVariant } from "./Button.css";
-export type SizeType = "x-small" | "small" | "default";
-export type ButtonPreset = "ok" | "cancel" | "save" | "close" | "icon-add" | "icon-delete" | "icon-edit" | "icon-drag-handle";
+export * from "./Button.css";
+export declare const SizeTypeDefinitions: string[];
+export type SizeType = typeof SizeTypeDefinitions[number];
+export declare const ButtonPresetDefinitions: string[];
+export type ButtonPreset = typeof ButtonPresetDefinitions[number];
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -16,9 +18,9 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<SizeType>;
+                type: import("vue").PropType<string>;
             } & {
-                type: import("vue").PropType<SizeType>;
+                type: import("vue").PropType<string>;
             };
             tooltip: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
@@ -26,9 +28,9 @@ declare const _default: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
             };
             preset: {
-                type: import("vue").PropType<ButtonPreset>;
+                type: import("vue").PropType<string>;
             } & {
-                type: import("vue").PropType<ButtonPreset>;
+                type: import("vue").PropType<string>;
             };
             overrides: {
                 type: import("vue").PropType<object>;
@@ -36,9 +38,9 @@ declare const _default: {
                 type: import("vue").PropType<object>;
             };
             variant: {
-                type: import("vue").PropType<ButtonVariant>;
+                type: import("vue").PropType<string>;
             } & {
-                type: import("vue").PropType<ButtonVariant>;
+                type: import("vue").PropType<string>;
             };
             text: {
                 type: import("vue").PropType<string>;
@@ -77,9 +79,9 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<SizeType>;
+                type: import("vue").PropType<string>;
             } & {
-                type: import("vue").PropType<SizeType>;
+                type: import("vue").PropType<string>;
             };
             tooltip: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
@@ -87,9 +89,9 @@ declare const _default: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
             };
             preset: {
-                type: import("vue").PropType<ButtonPreset>;
+                type: import("vue").PropType<string>;
             } & {
-                type: import("vue").PropType<ButtonPreset>;
+                type: import("vue").PropType<string>;
             };
             overrides: {
                 type: import("vue").PropType<object>;
@@ -97,9 +99,9 @@ declare const _default: {
                 type: import("vue").PropType<object>;
             };
             variant: {
-                type: import("vue").PropType<ButtonVariant>;
+                type: import("vue").PropType<string>;
             } & {
-                type: import("vue").PropType<ButtonVariant>;
+                type: import("vue").PropType<string>;
             };
             text: {
                 type: import("vue").PropType<string>;
@@ -147,9 +149,9 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<SizeType>;
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<SizeType>;
+            type: import("vue").PropType<string>;
         };
         tooltip: {
             type: import("vue").PropType<ButtonTooltipOptions>;
@@ -157,9 +159,9 @@ declare const _default: {
             type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<ButtonPreset>;
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<ButtonPreset>;
+            type: import("vue").PropType<string>;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -167,9 +169,9 @@ declare const _default: {
             type: import("vue").PropType<object>;
         };
         variant: {
-            type: import("vue").PropType<ButtonVariant>;
+            type: import("vue").PropType<string>;
         } & {
-            type: import("vue").PropType<ButtonVariant>;
+            type: import("vue").PropType<string>;
         };
         text: {
             type: import("vue").PropType<string>;
@@ -198,9 +200,9 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<SizeType>;
+        type: import("vue").PropType<string>;
     } & {
-        type: import("vue").PropType<SizeType>;
+        type: import("vue").PropType<string>;
     };
     tooltip: {
         type: import("vue").PropType<ButtonTooltipOptions>;
@@ -208,9 +210,9 @@ declare const _default: {
         type: import("vue").PropType<ButtonTooltipOptions>;
     };
     preset: {
-        type: import("vue").PropType<ButtonPreset>;
+        type: import("vue").PropType<string>;
     } & {
-        type: import("vue").PropType<ButtonPreset>;
+        type: import("vue").PropType<string>;
     };
     overrides: {
         type: import("vue").PropType<object>;
@@ -218,9 +220,9 @@ declare const _default: {
         type: import("vue").PropType<object>;
     };
     variant: {
-        type: import("vue").PropType<ButtonVariant>;
+        type: import("vue").PropType<string>;
     } & {
-        type: import("vue").PropType<ButtonVariant>;
+        type: import("vue").PropType<string>;
     };
     text: {
         type: import("vue").PropType<string>;
@@ -248,12 +250,12 @@ declare const _default: {
     } & {
         text?: string;
         class?: String | String[];
-        size?: SizeType;
+        size?: string;
         icon?: ButtonIconOptions;
         tooltip?: ButtonTooltipOptions;
-        variant?: ButtonVariant;
+        variant?: string;
         overrides?: object;
-        preset?: ButtonPreset;
+        preset?: string;
         grouped?: boolean;
     }>;
 };

package/internal-do-not-import-from-here/ux/oxide/btn/docs/ButtonExamples.d.ts

@@ -0,0 +1 @@
+export declare const ButtonExamples: import("@omnia/fx/ux").ComponentSpec;

package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts

@@ -161,9 +161,9 @@ declare const _default: {
         container?: any;
         colorSchemaType?: any;
     } & {
-        value?: any;
         label?: string;
         class?: String | String[];
+        value?: any;
         "v-model"?: MaybeComputedRef<boolean>;
         modelValue?: MaybeComputedRef<boolean>;
     }> & {

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.css.d.ts

@@ -1,4 +1,5 @@
-export type DialogType = "save-cancel" | "confirm" | "ok-cancel" | "default" | "admin";
+export declare const DialogTypeDefinition: string[];
+export type DialogType = typeof DialogTypeDefinition[number];
 export declare const DialogStyles: {
     templateTitle: string;
     titleWrapper: string;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts

@@ -1,8 +1,9 @@
 import { Func, IIcon } from "@omnia/fx/models";
-import { DialogType } from "./Dialog.css";
 import { VNodeChild } from "vue";
-type DialogSize = "small" | "medium" | "large" | "full";
-type ContentHeight = "dynamic" | "static";
+export * from "./Dialog.css";
+export declare const DialogSizeDefinitions: string[];
+export type DialogSize = typeof DialogSizeDefinitions[number];
+export declare const ContentHeightDefinitions: string[];
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -27,25 +28,25 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             "content-height": {
-                type: import("vue").PropType<ContentHeight>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             contentHeight: {
-                type: import("vue").PropType<ContentHeight>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             variant: {
-                type: import("vue").PropType<DialogType>;
+                type: import("vue").PropType<string>;
                 required: false;
             } & {
-                type: import("vue").PropType<DialogType>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             size: {
-                type: import("vue").PropType<DialogSize>;
+                type: import("vue").PropType<string>;
                 required: false;
             } & {
-                type: import("vue").PropType<DialogSize>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             "hidden-close-button": {
@@ -114,25 +115,25 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             "content-height": {
-                type: import("vue").PropType<ContentHeight>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             contentHeight: {
-                type: import("vue").PropType<ContentHeight>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             variant: {
-                type: import("vue").PropType<DialogType>;
+                type: import("vue").PropType<string>;
                 required: false;
             } & {
-                type: import("vue").PropType<DialogType>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             size: {
-                type: import("vue").PropType<DialogSize>;
+                type: import("vue").PropType<string>;
                 required: false;
             } & {
-                type: import("vue").PropType<DialogSize>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             "hidden-close-button": {
@@ -215,25 +216,25 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "content-height": {
-            type: import("vue").PropType<ContentHeight>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         contentHeight: {
-            type: import("vue").PropType<ContentHeight>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         variant: {
-            type: import("vue").PropType<DialogType>;
+            type: import("vue").PropType<string>;
             required: false;
         } & {
-            type: import("vue").PropType<DialogType>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         size: {
-            type: import("vue").PropType<DialogSize>;
+            type: import("vue").PropType<string>;
             required: false;
         } & {
-            type: import("vue").PropType<DialogSize>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         "hidden-close-button": {
@@ -292,25 +293,25 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     "content-height": {
-        type: import("vue").PropType<ContentHeight>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     contentHeight: {
-        type: import("vue").PropType<ContentHeight>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     variant: {
-        type: import("vue").PropType<DialogType>;
+        type: import("vue").PropType<string>;
         required: false;
     } & {
-        type: import("vue").PropType<DialogType>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     size: {
-        type: import("vue").PropType<DialogSize>;
+        type: import("vue").PropType<string>;
         required: false;
     } & {
-        type: import("vue").PropType<DialogSize>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     "hidden-close-button": {
@@ -363,7 +364,7 @@ declare const _default: {
     } & {
         title?: string;
         class?: String | String[];
-        size?: DialogSize;
+        size?: string;
         icon?: IIcon;
         "v-slots"?: {
             default?: Func<[VNodeChild]>;
@@ -376,11 +377,11 @@ declare const _default: {
         };
         "v-model"?: boolean;
         modelValue?: boolean;
-        variant?: DialogType;
+        variant?: string;
         hiddenCloseButton?: boolean;
         "hidden-close-button"?: boolean;
-        contentHeight?: ContentHeight;
-        "content-height"?: ContentHeight;
+        contentHeight?: string;
+        "content-height"?: string;
         customScrolling?: boolean;
         "custom-scrolling"?: boolean;
     }> & {

package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogExamples.d.ts

@@ -0,0 +1 @@
+export declare const DialogExamples: import("@omnia/fx/ux").ComponentSpec;

package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithLeftBar.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/dialog/docs/DialogWithNavigation.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/dialog/docs/index.d.ts

@@ -0,0 +1 @@
+export declare const spec: import("@omnia/fx/ux").ComponentSpec;

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.css.d.ts

@@ -3,5 +3,5 @@ export type PanelType = "navigation";
 export declare const ExpansionPanelStyles: {
     iconWrapper: string;
     customHeader: string;
-    wrapper: (base: ColorDefinition, onBase: ColorDefinition, panelType: PanelType, hideExpandIcon: boolean) => string;
+    wrapper: (base: ColorDefinition, onBase: ColorDefinition, panelType: PanelType, hideExpandIcon: boolean, toned: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts

@@ -13,6 +13,11 @@ declare const _default: {
             } & {
                 header?: Func<[VNodeChild]>;
             }>;
+            toned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             "hide-expand-icon": {
                 type: import("vue").PropType<boolean>;
             };
@@ -60,6 +65,11 @@ declare const _default: {
             } & {
                 header?: Func<[VNodeChild]>;
             }>;
+            toned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             "hide-expand-icon": {
                 type: import("vue").PropType<boolean>;
             };
@@ -116,6 +126,11 @@ declare const _default: {
         } & {
             header?: Func<[VNodeChild]>;
         }>;
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "hide-expand-icon": {
             type: import("vue").PropType<boolean>;
         };
@@ -153,6 +168,11 @@ declare const _default: {
     } & {
         header?: Func<[VNodeChild]>;
     }>;
+    toned: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     "hide-expand-icon": {
         type: import("vue").PropType<boolean>;
     };
@@ -197,6 +217,7 @@ declare const _default: {
             header?: Func<[VNodeChild]>;
         };
         variant?: "navigation";
+        toned?: boolean;
         hideExpandIcon?: boolean;
         "hide-expand-icon"?: boolean;
     }>;

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

@@ -1,7 +1,11 @@
-export type PanelVariant = "default" | "dialog" | "tab" | "section" | "toolbar";
-export type PanelDirection = "row" | "column";
-export type HorizontalAlignment = "left" | "center" | "right";
-export type VerticalAlignment = "top" | "center" | "bottom";
+export declare const PanelVariationDefinition: string[];
+export type PanelVariant = typeof PanelVariationDefinition[number];
+export declare const PanelDirectionDefinition: string[];
+export type PanelDirection = typeof PanelDirectionDefinition[number];
+export declare const HorizontalAlignmentDefinition: string[];
+export type HorizontalAlignment = typeof HorizontalAlignmentDefinition[number];
+export declare const VerticalAlignmentDefinition: string[];
+export type VerticalAlignment = typeof VerticalAlignmentDefinition[number];
 export declare const PanelStyles: {
     templateTitle: string;
     panelHoverBackground: (dark: boolean) => string;