@omnia/fx 8.0.384-dev → 8.0.386-dev

package/internal-do-not-import-from-here/stores/DefineStore.d.ts

@@ -1,5 +1,5 @@
 import { defineFactory, MessageBusExposeOnlySubscription, SetupFactoryContext } from "../core";
-import { IMessageBusSubscriptionHandler, IMessageBusTopicPublishSubscriber } from "@omnia/fx-models";
+import { IMessageBusSubscriptionHandler, IMessageBusTopicPublishSubscriber, InstanceLifetimes } from "@omnia/fx-models";
 type MutateFn<T> = (value: T | ((prev: T) => T)) => void;
 export type StoreEvents<TState extends object, TEvents extends Record<string, IMessageBusTopicPublishSubscriber<any>> = {}> = {
     [K in keyof TState as `onMutated${Capitalize<string & K>}`]: MessageBusExposeOnlySubscription<TState[K]>;
@@ -49,20 +49,20 @@ export interface IReturnSetupStore<TState, TGetters, TActions extends {
 }
 export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
     [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>>(name: string, setup: (ctx: SetupStoreContext) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup>>;
+}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>>(name: string, setup: (ctx: SetupStoreContext) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup>>;
 export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
     [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1>(name: string, setup: (ctx: SetupStoreContext, param1: T1) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1>>;
+}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1>(name: string, setup: (ctx: SetupStoreContext, param1: T1) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1>>;
 export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
     [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2>>;
+}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2>>;
 export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
     [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3>>;
+}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, lifetime?: InstanceLifetimes) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3>>;
 export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
     [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4>>;
+}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, lifetime?: InstanceLifetimes) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4>>;
 export declare function defineStore<TState extends object, TGetters extends object, TActions extends {
     [key: string]: any;
-}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4, T5>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => InferReturnSetup): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4, T5>>;
+}, TEvents extends Record<string, MessageBusExposeOnlySubscription<any>>, InferReturnSetup extends IReturnSetupStore<TState, TGetters, TActions, TEvents>, T1, T2, T3, T4, T5>(name: string, setup: (ctx: SetupStoreContext, param1: T1, param2: T2, param3: T3, param4: T4, param5: T5) => InferReturnSetup, lifetime?: InstanceLifetimes): ReturnType<typeof defineFactory<InferReturnSetup, T1, T2, T3, T4, T5>>;
 export {};

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

@@ -646,6 +646,7 @@ export interface OmniaUxLocalization {
         ShowTitle: string;
     };
     OmniaAdmin: {
+        Title: string;
         Close: string;
         Administration: string;
     };

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

@@ -0,0 +1,6 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/admin/system/loc/localize.d.ts

@@ -18,6 +18,7 @@ export declare namespace SystemLocalization {
             ExternalDeploymentContactEmail: string;
             ExternalEmailInputHint: string;
             ExternalUserSyncContactEmail: string;
+            InvalidEmailHint: string;
         };
         AzureAdPermissions: {
             Id: string;

package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/EditLocalizationBlade.d.ts

@@ -0,0 +1,15 @@
+import { MultilingualString } from "@omnia/fx-models";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    "emit:update:modelValue": (value: MultilingualString) => void;
+} & {
+    "v-model"?: MultilingualString;
+} & {
+    modelValue?: MultilingualString;
+}> & {
+    "onUpdate:modelValue"?: (value: MultilingualString) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/LocalizationAdmin.d.ts

@@ -1,6 +1,6 @@
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{}> & {} & {
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, never> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/admin/system/submenu/localizationadmin/stores/LocalizationAdminStore.d.ts

@@ -1,5 +1,5 @@
-import { Language, LanguageTags, UserdefinedLocalizationProperty, guid } from "@omnia/fx-models";
-import { LocalizationJson, OmniaServiceLocalizations, ServiceDefinition } from "../models";
+import { Language, LanguageTags, MultilingualString, UserdefinedLocalizationProperty, guid } from "@omnia/fx-models";
+import { LocalizationJson, LocalizationViewMode, OmniaServiceLocalizations, ServiceDefinition } from "../models";
 export interface JsonData {
     name?: string;
     json: any;
@@ -8,6 +8,51 @@ export interface JsonData {
     serviceId?: guid;
     language?: LanguageTags;
 }
+export declare const useSystemLocalizationStore: () => {
+    events: import("@omnia/fx/stores").StoreEvents<{
+        currentOmniaServiceId: guid;
+        languageTags: LanguageTags[];
+        localizationTable: Record<string, string>;
+        currentLanguage: LanguageTags;
+        sortedLocalizationKey: string[];
+        languageInfos: Record<string, Language>;
+        localizationChanges: Record<string, UserdefinedLocalizationProperty>;
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        ensureLoadLocalization: (serviceId: guid) => Promise<void>;
+        onAddorUpdateLocalizationChange: (localizationChange: UserdefinedLocalizationProperty) => Promise<UserdefinedLocalizationProperty>;
+        updateLocalizationChanges: (changes?: UserdefinedLocalizationProperty[]) => void;
+        changeServiceId: (serviceId: guid) => void;
+        changeLanguage: (language: LanguageTags) => void;
+        resolveLocalizationTable: (json: object) => any[] | Record<string, string>;
+    }>;
+    get: {
+        getServiceIds: () => Promise<ServiceDefinition[]>;
+        getLocalization: (serviceId: guid) => OmniaServiceLocalizations<LocalizationJson>;
+        readonly localizationTable: Record<string, string>;
+        readonly localizationKeys: string[];
+        readonly localizationList: {
+            path: string;
+            value: string;
+            key: string;
+        }[];
+        otherLanguageLocalizations: (path: string, serviceId?: guid) => {
+            [language: string]: string;
+        };
+        multilingualModel: (path: string, languages: Language[]) => MultilingualString;
+        value: (json: object, path: string) => any;
+        haveMissingTranslation: (path: string) => boolean;
+        haveUpdate: (path: string) => boolean;
+        searchText: (text: string, path: string) => boolean;
+        queryKeys: ({ text, viewMode }: {
+            text?: string;
+            viewMode?: LocalizationViewMode;
+        }) => string[];
+        jsonStructure: (paths: string[]) => {};
+    };
+} & {
+    dispose?: () => void;
+};
 export declare const LocalizationAdminStore: () => {
     state: {
         languageTags: LanguageTags[];

package/internal-do-not-import-from-here/ux/app/management/tabs/namingpolicies/AffixRow.d.ts

@@ -1,5 +1,5 @@
 import { AffixDefinition, EnterprisePropertyDefinition, guid } from "@omnia/fx-models";
-import { IDataTableRowRenderer } from "@omnia/fx/ux";
+import { IDataTableRow } from "@omnia/fx/ux";
 export interface AffixRowConfigurationData {
     availablePropertyTitleAsDict: {
         [internalName: string]: EnterprisePropertyDefinition;
@@ -36,12 +36,12 @@ export interface AffixRowProps {
     data: AffixRowConfigurationData;
     editingAffix: EditAffixDefinition;
     isPrefix: boolean;
-    row: IDataTableRowRenderer<AffixDefinition>;
+    row: IDataTableRow<AffixDefinition>;
     onSaveAll: () => void;
     onDelete: (affix: AffixDefinition) => void;
 }
 export declare function useAffixRow(props: AffixRowProps): {
-    renderEditAffix: () => IDataTableRowRenderer<AffixDefinition>;
-    renderAffix: () => IDataTableRowRenderer<AffixDefinition>;
+    renderEditAffix: () => import("vue/jsx-runtime").JSX.Element;
+    renderAffix: () => import("vue/jsx-runtime").JSX.Element;
 };
 export {};

package/internal-do-not-import-from-here/ux/appprovisioning/appinstanceprogressblade/AppInstanceProgressBlade.d.ts

@@ -85,8 +85,8 @@ declare const _default: {
     handleAppActionError: () => void;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        appInstance?: AppInstance;
         action?: AppInstanceProgressActions;
+        appInstance?: AppInstance;
         deleteAppWithErrorStatusAfterCreating?: boolean;
         appBarTitle?: string;
     }>, "onDoc$" | "onHandleAppActionCompleted" | "onHandleAppActionError" | "onOnCloseFunc"> & {

package/internal-do-not-import-from-here/ux/appprovisioning/components/AppInstanceCompletedStepVueComponent.d.ts

@@ -108,8 +108,8 @@ declare const _default: {
     handleAppActionCompleted: (appInstance: AppInstance) => void;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        appInstance?: AppInstance;
         action?: AppInstanceProgressActions;
+        appInstance?: AppInstance;
         hideProgressLabel?: boolean;
         deleteAppWithErrorStatusAfterCreating?: boolean;
         onHandleBeforeUpdate?: () => Promise<void>;

package/internal-do-not-import-from-here/ux/aurora/components/backgroundstyle/BackgroundStyleEditor.d.ts

@@ -1,7 +1,7 @@
 import { BackgroundDefinition, ThemeContextType } from "@omnia/fx-models";
 import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type EditorVariant = "default" | "dialog" | "blade";
+type EditorVariant = "default" | "dialog" | "journey";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: BackgroundDefinition) => void;
 } & {
@@ -42,5 +42,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "border" | "variant" | "label" | "modelValue" | "elevation" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "emit:click:confirm" | "defaultColorSchemaType" | "enableDynamicColor" | "emit:init:actionButtons" | "individualRadiusSelection" | "createNewColorDynamic" | "individualBorderWidthSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "border" | "variant" | "label" | "modelValue" | "elevation" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "emit:click:confirm" | "enableDynamicColor" | "emit:init:actionButtons" | "defaultColorSchemaType" | "individualRadiusSelection" | "createNewColorDynamic" | "individualBorderWidthSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/borderpicker/BorderPicker.d.ts

@@ -34,5 +34,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "defaultColorSchemaType" | "enableDynamicColor" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "label" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "enableDynamicColor" | "defaultColorSchemaType" | "individualRadiusSelection" | "individualWidthSelection" | "createNewColorDynamic"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonBlueprintsViewer.d.ts

@@ -19,11 +19,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     editable?: boolean;
 } & DefineEmit<"click:select", (selection: ButtonBlueprintVariant) => true> & DefineEmit<"click:add", (selection: ButtonBlueprintType) => true>> & {
     "onUpdate:modelValue"?: (value: ButtonBlueprints) => any;
-    "onClick:add"?: (selection: ButtonBlueprintType) => any;
     "onClick:select"?: (selection: ButtonBlueprintVariant) => any;
+    "onClick:add"?: (selection: ButtonBlueprintType) => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:add" | "emit:click:select" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "editable" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "emit:click:select" | "emit:click:add" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.css.d.ts

@@ -1,7 +1,11 @@
 export declare const ColorPickerStyles: {
-    transparentBackground: string;
     separator: (dark: boolean) => string;
     sliderBackground: (backgroundColor: string) => string;
+    swatchCard: {
+        card: string;
+        wrapper: (color: string, selected: boolean, disabled: boolean) => string;
+        color: (color: string) => string;
+    };
     swatch: (color: string) => string;
     swatchWrapper: (color: string, selected: boolean, disabled: boolean) => string;
     disabled: string;

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import { ColorSchemaType, ColorValue, ThemeContextType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
-export type ColorPickerType = "default" | "base" | "onBase";
+export type ColorPickerType = "default" | "base" | "onBase" | "colorSchema";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         "v-slots": import("vue").Prop<{
@@ -18,19 +18,22 @@ declare const _default: {
         label: {
             type: import("vue").PropType<string>;
         };
-        switchableColorSchema: {
+        opacity: {
             type: import("vue").PropType<boolean>;
         };
-        opacity: {
+        showSystemColors: {
+            type: import("vue").PropType<boolean>;
+        };
+        showPlaceholders: {
             type: import("vue").PropType<boolean>;
         };
-        customColor: {
+        disableCustomColor: {
             type: import("vue").PropType<boolean>;
         };
         enableDynamicColor: {
             type: import("vue").PropType<boolean>;
         };
-        defaultColorSchemaType: {
+        dynamicColorSchemaType: {
             type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         };
         type: {
@@ -40,7 +43,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"dropdown" | "journey">;
+            type: import("vue").PropType<"dropdown" | "journey" | "virtual-list">;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: ColorValue) => any | void>;
@@ -149,19 +152,22 @@ declare const _default: {
         label: {
             type: import("vue").PropType<string>;
         };
-        switchableColorSchema: {
+        opacity: {
             type: import("vue").PropType<boolean>;
         };
-        opacity: {
+        showSystemColors: {
             type: import("vue").PropType<boolean>;
         };
-        customColor: {
+        showPlaceholders: {
+            type: import("vue").PropType<boolean>;
+        };
+        disableCustomColor: {
             type: import("vue").PropType<boolean>;
         };
         enableDynamicColor: {
             type: import("vue").PropType<boolean>;
         };
-        defaultColorSchemaType: {
+        dynamicColorSchemaType: {
             type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         };
         type: {
@@ -171,7 +177,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"dropdown" | "journey">;
+            type: import("vue").PropType<"dropdown" | "journey" | "virtual-list">;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: ColorValue) => any | void>;
@@ -275,19 +281,22 @@ declare const _default: {
     label: {
         type: import("vue").PropType<string>;
     };
-    switchableColorSchema: {
+    opacity: {
+        type: import("vue").PropType<boolean>;
+    };
+    showSystemColors: {
         type: import("vue").PropType<boolean>;
     };
-    opacity: {
+    showPlaceholders: {
         type: import("vue").PropType<boolean>;
     };
-    customColor: {
+    disableCustomColor: {
         type: import("vue").PropType<boolean>;
     };
     enableDynamicColor: {
         type: import("vue").PropType<boolean>;
     };
-    defaultColorSchemaType: {
+    dynamicColorSchemaType: {
         type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
     };
     type: {
@@ -297,7 +306,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"dropdown" | "journey">;
+        type: import("vue").PropType<"dropdown" | "journey" | "virtual-list">;
     };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: ColorValue) => any | void>;
@@ -449,7 +458,7 @@ declare const _default: {
         };
         container?: boolean;
         opacity?: boolean;
-        variant?: "dropdown" | "journey";
+        variant?: "dropdown" | "journey" | "virtual-list";
         label?: string;
         disabled?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
@@ -464,10 +473,11 @@ declare const _default: {
         "v-model"?: ColorValue;
         toned?: boolean;
         themeType?: ThemeContextType;
-        defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        dynamicColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         enableDynamicColor?: boolean;
-        customColor?: boolean;
-        switchableColorSchema?: boolean;
+        disableCustomColor?: boolean;
+        showPlaceholders?: boolean;
+        showSystemColors?: boolean;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: ColorValue) => any;
     };

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPickerPreview.css.d.ts

@@ -0,0 +1,4 @@
+import { InputBlueprint } from "@omnia/fx-models";
+export declare const ColorPreviewStyles: {
+    transparentBackground: (blueprint: InputBlueprint) => string;
+};

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPreview.d.ts

@@ -0,0 +1,99 @@
+import { ColorSchemaType, ColorValue } from "@omnia/fx-models";
+export type ColorPickerType = "default" | "base" | "onBase" | "colorSchema";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
+        };
+        color: {
+            type: import("vue").PropType<ColorValue>;
+        };
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: ColorValue) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: ColorValue) => any;
+    }, import("vue").PublicProps, {
+        container: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        dynamicColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
+        };
+        color: {
+            type: import("vue").PropType<ColorValue>;
+        };
+        colorSchemaType: {
+            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | ColorSchemaType>;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: ColorValue) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        container: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    dynamicColorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
+    };
+    color: {
+        type: import("vue").PropType<ColorValue>;
+    };
+    colorSchemaType: {
+        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | ColorSchemaType>;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: ColorValue) => any;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ColorValue) => any;
+}, string, {
+    container: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        color?: ColorValue;
+        container?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        dynamicColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+    }>, "onUpdate:modelValue"> & {
+        "onUpdate:modelValue"?: (value: ColorValue) => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/renderers/SwatchCardRenderer.d.ts

@@ -0,0 +1,47 @@
+import { ColorValue } from "@omnia/fx-models";
+export type ColorPickerType = "default" | "base" | "onBase";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+    }>> & {
+        onSelect?: (value: ColorValue) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (value: ColorValue) => any;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+    }>> & {
+        onSelect?: (value: ColorValue) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+}>> & {
+    onSelect?: (value: ColorValue) => any;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: ColorValue) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        disabled?: boolean;
+    }>, "onSelect"> & {
+        onSelect?: (value: ColorValue) => any;
+    };
+};
+export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/renderers/SwatchRenderer.d.ts

@@ -0,0 +1,47 @@
+import { ColorValue } from "@omnia/fx-models";
+export type ColorPickerType = "default" | "base" | "onBase";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+    }>> & {
+        onSelect?: (value: ColorValue) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        select: (value: ColorValue) => any;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+    }>> & {
+        onSelect?: (value: ColorValue) => any;
+    }, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+}>> & {
+    onSelect?: (value: ColorValue) => any;
+}, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: ColorValue) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        disabled?: boolean;
+    }>, "onSelect"> & {
+        onSelect?: (value: ColorValue) => any;
+    };
+};
+export default _default;