@omnia/fx 8.0.20-vnext → 8.0.22-vnext

package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts

@@ -5,7 +5,14 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "sub-title": {
+                type: import("vue").PropType<string>;
+            };
+            subTitle: {
+                type: import("vue").PropType<string>;
+            };
             title: {
                 type: import("vue").PropType<string>;
             } & {
@@ -37,10 +44,11 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: any;
         }>> & {
             "onClick:navigation"?: () => any;
             "onClick:close"?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -55,6 +63,12 @@ declare const _default: {
         $emit: ((event: "click:navigation") => void) & ((event: "click:close") => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "sub-title": {
+                type: import("vue").PropType<string>;
+            };
+            subTitle: {
+                type: import("vue").PropType<string>;
+            };
             title: {
                 type: import("vue").PropType<string>;
             } & {
@@ -86,6 +100,7 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: any;
         }>> & {
             "onClick:navigation"?: () => any;
             "onClick:close"?: () => any;
@@ -95,6 +110,7 @@ declare const _default: {
         }, string, {
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -116,6 +132,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<{
+        "sub-title": {
+            type: import("vue").PropType<string>;
+        };
+        subTitle: {
+            type: import("vue").PropType<string>;
+        };
         title: {
             type: import("vue").PropType<string>;
         } & {
@@ -147,6 +169,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & {
         "onClick:navigation"?: () => any;
         "onClick:close"?: () => any;
@@ -155,6 +178,12 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "sub-title": {
+        type: import("vue").PropType<string>;
+    };
+    subTitle: {
+        type: import("vue").PropType<string>;
+    };
     title: {
         type: import("vue").PropType<string>;
     } & {
@@ -186,6 +215,7 @@ declare const _default: {
     };
     colorSchemaType?: any;
     container?: any;
+    colors?: any;
 }>> & {
     "onClick:navigation"?: () => any;
     "onClick:close"?: () => any;
@@ -195,10 +225,12 @@ declare const _default: {
 }, string, {
     container?: any;
     colorSchemaType?: any;
+    colors?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
         container?: any;
         colorSchemaType?: any;
+        colors?: any;
     } & {
         title?: string;
         class?: String | String[];
@@ -206,6 +238,8 @@ declare const _default: {
         absolute?: boolean;
         navigation?: boolean;
         closable?: boolean;
+        subTitle?: string;
+        "sub-title"?: string;
     }> & {
         "onClick:navigation"?: () => any;
         "onClick:close"?: () => any;

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

@@ -1,4 +1,5 @@
-export type ButtonVariant = "prominent" | "toolbar";
+export declare const ButtonVariantsDefinition: string[];
+export type ButtonVariant = typeof ButtonVariantsDefinition[number];
 export declare const buttonStyles: {
     transparentWrapper: string;
     wrapper: (background: string, text: string, iconColor: string, variant: ButtonVariant) => string;

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;
@@ -9,46 +11,42 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            grouped: {
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            toned: {
                 type: import("vue").PropType<boolean>;
-            } & {
+            };
+            grouped: {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<SizeType>;
-            } & {
-                type: import("vue").PropType<SizeType>;
+                type: import("vue").PropType<string>;
             };
             tooltip: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
-            } & {
-                type: import("vue").PropType<ButtonTooltipOptions>;
             };
             preset: {
-                type: import("vue").PropType<ButtonPreset>;
-            } & {
-                type: import("vue").PropType<ButtonPreset>;
+                type: import("vue").PropType<string>;
             };
             overrides: {
                 type: import("vue").PropType<object>;
-            } & {
-                type: import("vue").PropType<object>;
             };
             variant: {
-                type: import("vue").PropType<ButtonVariant>;
-            } & {
-                type: import("vue").PropType<ButtonVariant>;
+                type: import("vue").PropType<string>;
             };
             text: {
                 type: import("vue").PropType<string>;
-            } & {
-                type: import("vue").PropType<string>;
             };
             icon: {
                 type: import("vue").PropType<ButtonIconOptions>;
-            } & {
-                type: import("vue").PropType<ButtonIconOptions>;
             };
             class: {
                 type: import("vue").PropType<String | String[]>;
@@ -56,7 +54,8 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -71,45 +70,40 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            grouped: {
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            toned: {
                 type: import("vue").PropType<boolean>;
-            } & {
+            };
+            grouped: {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<SizeType>;
-            } & {
-                type: import("vue").PropType<SizeType>;
+                type: import("vue").PropType<string>;
             };
             tooltip: {
                 type: import("vue").PropType<ButtonTooltipOptions>;
-            } & {
-                type: import("vue").PropType<ButtonTooltipOptions>;
             };
             preset: {
-                type: import("vue").PropType<ButtonPreset>;
-            } & {
-                type: import("vue").PropType<ButtonPreset>;
+                type: import("vue").PropType<string>;
             };
             overrides: {
                 type: import("vue").PropType<object>;
-            } & {
-                type: import("vue").PropType<object>;
             };
             variant: {
-                type: import("vue").PropType<ButtonVariant>;
-            } & {
-                type: import("vue").PropType<ButtonVariant>;
+                type: import("vue").PropType<string>;
             };
             text: {
                 type: import("vue").PropType<string>;
-            } & {
-                type: import("vue").PropType<string>;
             };
             icon: {
                 type: import("vue").PropType<ButtonIconOptions>;
-            } & {
-                type: import("vue").PropType<ButtonIconOptions>;
             };
             class: {
                 type: import("vue").PropType<String | String[]>;
@@ -117,9 +111,11 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -141,45 +137,40 @@ 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<{
-        grouped: {
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        active: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        toned: {
             type: import("vue").PropType<boolean>;
-        } & {
+        };
+        grouped: {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<SizeType>;
-        } & {
-            type: import("vue").PropType<SizeType>;
+            type: import("vue").PropType<string>;
         };
         tooltip: {
             type: import("vue").PropType<ButtonTooltipOptions>;
-        } & {
-            type: import("vue").PropType<ButtonTooltipOptions>;
         };
         preset: {
-            type: import("vue").PropType<ButtonPreset>;
-        } & {
-            type: import("vue").PropType<ButtonPreset>;
+            type: import("vue").PropType<string>;
         };
         overrides: {
             type: import("vue").PropType<object>;
-        } & {
-            type: import("vue").PropType<object>;
         };
         variant: {
-            type: import("vue").PropType<ButtonVariant>;
-        } & {
-            type: import("vue").PropType<ButtonVariant>;
+            type: import("vue").PropType<string>;
         };
         text: {
             type: import("vue").PropType<string>;
-        } & {
-            type: import("vue").PropType<string>;
         };
         icon: {
             type: import("vue").PropType<ButtonIconOptions>;
-        } & {
-            type: import("vue").PropType<ButtonIconOptions>;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -187,50 +178,46 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    grouped: {
+    disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
+        required: false;
+    };
+    active: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    toned: {
+        type: import("vue").PropType<boolean>;
+    };
+    grouped: {
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<SizeType>;
-    } & {
-        type: import("vue").PropType<SizeType>;
+        type: import("vue").PropType<string>;
     };
     tooltip: {
         type: import("vue").PropType<ButtonTooltipOptions>;
-    } & {
-        type: import("vue").PropType<ButtonTooltipOptions>;
     };
     preset: {
-        type: import("vue").PropType<ButtonPreset>;
-    } & {
-        type: import("vue").PropType<ButtonPreset>;
+        type: import("vue").PropType<string>;
     };
     overrides: {
         type: import("vue").PropType<object>;
-    } & {
-        type: import("vue").PropType<object>;
     };
     variant: {
-        type: import("vue").PropType<ButtonVariant>;
-    } & {
-        type: import("vue").PropType<ButtonVariant>;
+        type: import("vue").PropType<string>;
     };
     text: {
         type: import("vue").PropType<string>;
-    } & {
-        type: import("vue").PropType<string>;
     };
     icon: {
         type: import("vue").PropType<ButtonIconOptions>;
-    } & {
-        type: import("vue").PropType<ButtonIconOptions>;
     };
     class: {
         type: import("vue").PropType<String | String[]>;
@@ -238,23 +225,29 @@ declare const _default: {
     };
     colorSchemaType?: any;
     container?: any;
+    colors?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     colorSchemaType?: any;
+    colors?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
         container?: any;
         colorSchemaType?: any;
+        colors?: any;
     } & {
         text?: string;
         class?: String | String[];
-        size?: SizeType;
+        size?: string;
         icon?: ButtonIconOptions;
         tooltip?: ButtonTooltipOptions;
-        variant?: ButtonVariant;
+        active?: boolean;
+        disabled?: boolean;
+        variant?: string;
         overrides?: object;
-        preset?: ButtonPreset;
+        preset?: string;
         grouped?: boolean;
+        toned?: boolean;
     }>;
 };
 export default _default;

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;