@omnia/fx 8.0.293-dev → 8.0.295-dev

package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./ColorManager";
 export * from "./ThemeStoreV2";
 export * from "./ColorSchemaStore";
+export * from "./ColorSchemaManager";
 export * from "./ThemeContextStore";
 export * from "./SpacingBlueprintStore";
 export * from "./TypographyBlueprintStore";

package/internal-do-not-import-from-here/ux/aurora/styling/styles/Typography.d.ts

@@ -25,6 +25,12 @@ export declare namespace typographyStylex {
         link: {
             readonly m: Readonly<import("@omnia/fx/ux").StylexType>;
         };
+        variants: {
+            readonly variant1: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly variant2: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly variant3: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly variant4: Readonly<import("@omnia/fx/ux").StylexType>;
+        };
         typographyType: (typographyType: string) => any;
     };
     function typographyStylexFromValueStylex(value: TypographyValue, blueprint: TypographyBlueprint): Readonly<import("@omnia/fx/ux").StylexType>;
@@ -55,6 +61,12 @@ export interface TypographyTypesResult {
     link: {
         m: string;
     };
+    variant: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+    };
     typographyType: (typographyType: string) => string;
 }
 declare function typographyStylingByValue(value: TypographyValue, blueprint: TypographyBlueprint): string;

package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts

@@ -27,24 +27,7 @@ declare const _default: {
             typography: ReturnType<typeof useTypographyBlueprintStore>;
             spacing: ReturnType<typeof useSpacingBlueprintStore>;
         }) => any;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
-        };
-        themeType: {
-            type: import("vue").PropType<ThemeContextType>;
-        };
-        themeDefinition: {
-            type: import("vue").PropType<ThemeDefinitionV2>;
-        };
-    }>> & {
-        "onTheme:initialized"?: (theme: {
-            themeStore: ReturnType<typeof useThemeStoreV2>;
-            colors: ReturnType<typeof useColorSchemaStore>;
-            typography: ReturnType<typeof useTypographyBlueprintStore>;
-            spacing: ReturnType<typeof useSpacingBlueprintStore>;
-        }) => any;
-    }, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/aurora/themingV3/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./model";
+export * from "./service";
+export * from "./store";

package/internal-do-not-import-from-here/ux/aurora/themingV3/model/ThemingBoot.d.ts

@@ -0,0 +1,7 @@
+import { ResolvedThemeDefinition } from "@omnia/fx-models";
+export interface ThemingBoot {
+    hashs: Map<string, string>;
+    version: string;
+    adminTheme: ResolvedThemeDefinition;
+    defaultTheme: ResolvedThemeDefinition;
+}

package/internal-do-not-import-from-here/ux/aurora/themingV3/model/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemingBoot";

package/internal-do-not-import-from-here/ux/aurora/themingV3/service/ThemingService.d.ts

@@ -0,0 +1,9 @@
+import { guid, ThemeDefinitionV3, ThemingTypes } from "@omnia/fx-models";
+export declare const useThemingService: () => {
+    addOrUpdate: <T>(item: T) => Promise<T>;
+    delete: (id: guid) => Promise<void>;
+    loadTheme: <T extends ThemeDefinitionV3>(id: guid) => Promise<T>;
+    loadAllThemingsType: <T>(type: ThemingTypes) => Promise<T>;
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/aurora/themingV3/service/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemingService";

package/internal-do-not-import-from-here/ux/aurora/themingV3/store/ThemingStore.d.ts

@@ -0,0 +1,67 @@
+import { ColorSchema, ColorSchemaV3, ComponentBlueprints, guid, ITemplateRegistration, ResolvedThemeDefinition, SpacingBlueprints, TemplateRegistrationType, ThemeDefinitionV2, TypographyBlueprints } from "@omnia/fx-models";
+import { ThemingBoot } from "../model";
+type ThemingRegistration = ITemplateRegistration<ThemeDefinitionV2, TemplateRegistrationType> | ITemplateRegistration<ColorSchema> | ITemplateRegistration<TypographyBlueprints> | ITemplateRegistration<ComponentBlueprints> | ITemplateRegistration<SpacingBlueprints>;
+type ExpandedThemesResolved = Array<ColorSchemaV3 | TypographyBlueprints | SpacingBlueprints | ComponentBlueprints | ResolvedThemeDefinition>;
+export declare const useThemingStorage: () => {
+    state: {
+        dataServerBoot: ThemingBoot;
+        adminThemeResolve: ResolvedThemeDefinition;
+        defaultThemeResolve: ResolvedThemeDefinition;
+        availableThemeResolve: ExpandedThemesResolved;
+        isLoaded: boolean;
+    };
+    events: {
+        onMutatedDataServerBoot: import("@omnia/fx").MessageBusExposeOnlySubscription<ThemingBoot>;
+        onMutatedAdminThemeResolve: import("@omnia/fx").MessageBusExposeOnlySubscription<ResolvedThemeDefinition>;
+        onMutatedDefaultThemeResolve: import("@omnia/fx").MessageBusExposeOnlySubscription<ResolvedThemeDefinition>;
+        onMutatedAvailableThemeResolve: import("@omnia/fx").MessageBusExposeOnlySubscription<ExpandedThemesResolved>;
+        onMutatedIsLoaded: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            loadAll: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            save: {
+                subscribe(fn: (theme: ThemingRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            delete: {
+                subscribe(fn: (id: guid) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            loadAll: {
+                subscribe(fn: (result: any[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            save: {
+                subscribe(fn: (result: unknown, theme: ThemingRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            delete: {
+                subscribe(fn: (result: unknown, id: guid) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            loadAll: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            save: {
+                subscribe(fn: (failureReason: any, theme: ThemingRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            delete: {
+                subscribe(fn: (failureReason: any, id: guid) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        loadAll(): Promise<any[]>;
+        save(theme: ThemingRegistration): Promise<unknown>;
+        delete(id: guid): Promise<unknown>;
+    };
+    get: {
+        readonly adminTheme: ResolvedThemeDefinition;
+        readonly defaultTheme: ResolvedThemeDefinition;
+        getByType: (type: TemplateRegistrationType) => Array<any>;
+    };
+} & {
+    dispose?: () => void;
+};
+export {};

package/internal-do-not-import-from-here/ux/aurora/themingV3/store/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemingStore";

package/internal-do-not-import-from-here/ux/authsetup/steps/EmailVerify.d.ts

@@ -1,9 +1,7 @@
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         next: import("vue").Prop<() => void, () => void>;
-    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        next: import("vue").Prop<() => void, () => void>;
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/authsetup/steps/OTP.d.ts

@@ -1,9 +1,7 @@
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         next: import("vue").Prop<() => void, () => void>;
-    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        next: import("vue").Prop<() => void, () => void>;
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/authsetup/steps/Password.d.ts

@@ -1,9 +1,7 @@
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         next: import("vue").Prop<() => void, () => void>;
-    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        next: import("vue").Prop<() => void, () => void>;
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/chrome/ChromeRenderer.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/commandpalette/CommandPalette.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/confirmdialog/ConfirmDialog.d.ts

@@ -60,59 +60,7 @@ declare const _default: {
         doc$(description?: string): {
             close: (res: ConfirmDialogResponse) => void;
         };
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        dialogOptions: {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        };
-        buttonNonFlatMode: {
-            type: import("vue").PropType<ButtonModes>;
-            required: false;
-        };
-        buttonSize: {
-            type: import("vue").PropType<ButtonSizes>;
-            required: false;
-        };
-        "onUpdate:disabled": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        "v-model:disabled": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        tooltip: {
-            type: import("vue").PropType<ButtonTooltipOptions>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        styles: {
-            type: import("vue").PropType<{
-                icon?: import("typestyle/lib/types").NestedCSSProperties;
-                button?: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        flat: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        type: {
-            type: import("vue").PropType<ConfirmDialogDisplay>;
-            required: false;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-    }>> & {
-        onClose?: (res: ConfirmDialogResponse) => any;
-        onDoc$?: (description?: string) => any;
-    }, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/datetimefilterquery/DateTimeFilterQuery.d.ts

@@ -7,14 +7,7 @@ declare const _default: {
         filterValue: {
             type: import("vue").PropType<DatePeriodPropFilterValue>;
         };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        onChange: {
-            type: import("vue").PropType<(filterValue: DatePeriodPropFilterValue) => void>;
-        };
-        filterValue: {
-            type: import("vue").PropType<DatePeriodPropFilterValue>;
-        };
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/datetimepicker/DateTimePicker.d.ts

@@ -115,122 +115,7 @@ declare const _default: {
         formatter: {
             type: import("vue").PropType<IDatetimePickerFormatter>;
         };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        tooltip: {
-            type: import("vue").PropType<string>;
-        };
-        icon: {
-            type: import("vue").PropType<string>;
-        };
-        isKeepMenuOpen: {
-            type: import("vue").PropType<(value: boolean) => void>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        hasIcon: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        hideDetails: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        singleLine: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        isRequired: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: string) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<string>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            required: false;
-        };
-        name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: string) => any | void>;
-        }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<string>;
-            required: false;
-        }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<string>;
-            required: false;
-        }; } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, string, {
-                "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: string) => any | void>;
-                };
-            } & {
-                "v-model": {
-                    type: import("vue").PropType<string>;
-                    required: false;
-                };
-            } & {
-                modelValue: {
-                    type: import("vue").PropType<string>;
-                    required: false;
-                };
-            }>;
-            defaultValue(value?: string): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, string, {
-                "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: string) => any | void>;
-                };
-            } & {
-                "v-model": {
-                    type: import("vue").PropType<string>;
-                    required: false;
-                };
-            } & {
-                modelValue: {
-                    type: import("vue").PropType<string>;
-                    required: false;
-                };
-            }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, string, {
-                "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: string) => any | void>;
-                };
-            } & {
-                "v-model": {
-                    type: import("vue").PropType<string>;
-                    required: false;
-                };
-            } & {
-                modelValue: {
-                    type: import("vue").PropType<string>;
-                    required: false;
-                };
-            }>;
-        };
-        pickerMode: {
-            type: import("vue").PropType<"time" | "date" | "date-time">;
-            required: false;
-        };
-        scrollable: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        localeString: {
-            type: import("vue").PropType<string>;
-        };
-        formatter: {
-            type: import("vue").PropType<IDatetimePickerFormatter>;
-        };
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/datetimezonepicker/DateTimeZonePicker.d.ts

@@ -50,57 +50,7 @@ declare const _default: {
             type: import("vue").PropType<DateTimeZone<Date>>;
             required: false;
         };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        showMenu: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        isError: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        singleLine: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        firstDayOfWeek: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        locale: {
-            type: import("vue").PropType<string>;
-        };
-        dateFormat: {
-            type: import("vue").PropType<string>;
-            required: false;
-        };
-        minuteSkip: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"date" | "date-time">;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: DateTimeZone<Date>) => any | void>;
-        };
-        "v-model": {
-            type: import("vue").PropType<DateTimeZone<Date>>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<DateTimeZone<Date>>;
-            required: false;
-        };
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/datetimezonerenderer/DateTimeZoneRenderer.d.ts

@@ -2,7 +2,7 @@ import { DateTimeZone } from "@omnia/fx/models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4">;
         };
         showTimeZone: {
             type: import("vue").PropType<boolean>;
@@ -24,31 +24,7 @@ declare const _default: {
         value: {
             type: import("vue").PropType<DateTimeZone<string>>;
         };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl">;
-        };
-        showTimeZone: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        timeFormat: {
-            type: import("vue").PropType<string>;
-            required: false;
-        };
-        dateFormat: {
-            type: import("vue").PropType<string>;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"time" | "date" | "date-time">;
-        };
-        value: {
-            type: import("vue").PropType<DateTimeZone<string>>;
-        };
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -57,7 +33,7 @@ declare const _default: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4">;
         };
         showTimeZone: {
             type: import("vue").PropType<boolean>;
@@ -85,7 +61,7 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl">;
+        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4">;
     };
     showTimeZone: {
         type: import("vue").PropType<boolean>;
@@ -111,7 +87,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         value?: DateTimeZone<string>;
         label?: string;
-        size?: "l" | "s" | "xs" | "m" | "xl";
+        size?: "l" | "s" | "xs" | "m" | "xl" | "variant1" | "variant2" | "variant3" | "variant4";
         variant?: "time" | "date" | "date-time";
         dateFormat?: string;
         showTimeZone?: boolean;

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

@@ -24,31 +24,7 @@ declare const dialogComponent: {
         noClickAnimation: import("vue").Prop<boolean, boolean>;
         renderBody: import("vue").Prop<() => JSX.Element, () => JSX.Element>;
         eager: import("vue").Prop<boolean, boolean>;
-    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        contentClass: import("vue").Prop<string, string>;
-        headerClass: import("vue").Prop<string, string>;
-        disabled: import("vue").Prop<boolean, boolean>;
-        hideOverlay: import("vue").Prop<boolean, boolean>;
-        lazy: import("vue").Prop<boolean, boolean>;
-        customZIndex: import("vue").Prop<boolean, boolean>;
-        maxWidth: import("vue").Prop<string | number, string | number>;
-        persistent: import("vue").Prop<boolean, boolean>;
-        scrollable: import("vue").Prop<boolean, boolean>;
-        width: import("vue").Prop<string | number, string | number>;
-        title: import("vue").Prop<string, string>;
-        light: import("vue").Prop<boolean, boolean>;
-        dark: import("vue").Prop<boolean, boolean>;
-        onClose: import("vue").Prop<() => void, () => void>;
-        attach: import("vue").Prop<string, string>;
-        hideCloseButton: import("vue").Prop<boolean, boolean>;
-        retainFocus: import("vue").Prop<boolean, boolean>;
-        valueBind: import("vue").Prop<DialogModel, DialogModel>;
-        position: import("vue").Prop<DialogPositions, DialogPositions>;
-        onClickOutside: import("vue").Prop<(closeDialog: (prompt: boolean, title?: string) => void, event?: Event) => void, (closeDialog: (prompt: boolean, title?: string) => void, event?: Event) => void>;
-        noClickAnimation: import("vue").Prop<boolean, boolean>;
-        renderBody: import("vue").Prop<() => JSX.Element, () => JSX.Element>;
-        eager: import("vue").Prop<boolean, boolean>;
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -129,8 +105,8 @@ declare const dialogComponent: {
         eager?: boolean;
         lazy?: boolean;
         attach?: string;
-        retainFocus?: boolean;
         customZIndex?: boolean;
+        retainFocus?: boolean;
         renderBody?: () => JSX.Element;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/docs/chrome/DocsChrome.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/internal-do-not-import-from-here/ux/docs/chrome/SampleViewer.d.ts

@@ -12,20 +12,7 @@ declare const _default: {
         relativeUrl: {
             type: import("vue").PropType<string>;
         };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        component: {
-            type: import("vue").PropType<any>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        relativeUrl: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};