@omnia/fx 8.0.385-dev → 8.0.387-dev

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

@@ -69,9 +69,8 @@ type VuetifySlots<T> = {
 type VuetifyValue<T> = T extends {
     value?: any;
 } ? T["value"] : T;
-import { VIcon, VTooltip, VTextarea, VSwitch, VRadioGroup, VLazy, VForm, VTextField, VBtn, VBtnToggle, VBtnGroup, VNavigationDrawer, VList, VListItem, VListGroup, VListImg, VListItemAction, VListItemTitle, VListItemSubtitle, VListItemMedia, VListSubheader, VDialog, VDialogBottomTransition, VDialogTopTransition, VDialogTransition, VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle, VExpansionPanels, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VAutocomplete, VMenu, VTable, VCheckbox, VCheckboxBtn, VVirtualScroll, VChip, VSelect, VBadge, VCol, VPagination, VRating, VRangeSlider, VSnackbar, VRadio, VSlideGroup, VSlideGroupItem, VStepper, VStepperHeader, VStepperWindow, VStepperActions, VStepperWindowItem, VStepperItem, VTabs, VTab, VBreadcrumbs, VHover } from "vuetify/components";
+import { VIcon, VTooltip, VTextarea, VSwitch, VRadioGroup, VLazy, VForm, VTextField, VBtn, VBtnToggle, VBtnGroup, VNavigationDrawer, VList, VListItem, VListGroup, VListImg, VListItemAction, VListItemTitle, VListItemSubtitle, VListItemMedia, VListSubheader, VDialog, VDialogBottomTransition, VDialogTopTransition, VDialogTransition, VCard, VCardActions, VCardItem, VCardSubtitle, VCardText, VCardTitle, VExpansionPanels, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VAutocomplete, VMenu, VTable, VCheckbox, VCheckboxBtn, VVirtualScroll, VChip, VSelect, VBadge, VCol, VPagination, VRating, VRangeSlider, VSnackbar, VRadio, VSlideGroup, VSlideGroupItem, VStepper, VStepperHeader, VStepperWindow, VStepperActions, VStepperWindowItem, VStepperItem, VTabs, VTab, VBreadcrumbs, VHover, VImg, VDataTable, VDataTableRow, VDataTableRows, VDataTableVirtual, VDataTableServer, VInfiniteScroll, VDatePicker, VFab, VSpeedDial } from "vuetify/components";
 import { Intersect } from "vuetify/directives";
-import { VDataTable, VDataTableRow, VDataTableRows, VDataTableVirtual, VDataTableServer, VInfiniteScroll, VDatePicker, VFab, VSpeedDial } from "vuetify/components";
 import { VCalendar } from "vuetify/labs/VCalendar";
 import { VTimePicker } from "vuetify/labs/VTimePicker";
 import { VNumberInput } from "vuetify/labs/VNumberInput";
@@ -101,6 +100,9 @@ declare module "vue" {
         "v-intersect"?: VuetifyValue<Pick<Parameters<typeof Intersect.mounted>[1], "value">>;
     }
     interface IntrinsicElementAttributes {
+        "v-img": VuetifyProps<Pick<VImg, "$props">> & {
+            [name: string]: any;
+        };
         "v-tabs": VuetifyProps<Pick<VTabs, "$props">> & {
             [name: string]: any;
         };

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

@@ -126,6 +126,8 @@ export interface OmniaUxLocalization {
         CurrentTerm: string;
         PlaceholderImage: string;
         InheritFromTenant: string;
+        Filters: string;
+        ApplyFilter: string;
     };
     Apps: {
         Policies: {

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,17 @@
+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;
+} & {
+    label?: string;
+}> & {
+    "onUpdate:modelValue"?: (value: MultilingualString) => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "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) => 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/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;
 } & {
@@ -30,17 +30,18 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & {
     enableDynamicColor?: boolean;
+} & {
+    toolbarCallback?: (value: () => VNodeChild) => void;
 } & {
     label?: string;
-} & DefineEmit<"click:confirm", (value: BackgroundDefinition) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild>> & {
+} & DefineEmit<"click:confirm", (value: BackgroundDefinition) => void> & DefineSlot<"activator", () => VNodeChild>> & {
     "onUpdate:modelValue"?: (value: BackgroundDefinition) => any;
     "onClick:confirm"?: (value: BackgroundDefinition) => any;
-    "onInit:actionButtons"?: (value: () => VNodeChild) => any;
 } & {
     "v-slots"?: {
         activator?: () => VNodeChild;
     } & 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" | "toolbarCallback" | "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

@@ -1,7 +1,7 @@
 import { DefineSlot } from "@omnia/fx/ux";
 import { BorderStylingDefinition, ThemeContextType } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
-type BorderPickerVariant = "dialog" | "blade";
+type BorderPickerVariant = "dialog" | "journey";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: BorderStylingDefinition) => void;
 } & {
@@ -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/borderpicker/store/BorderPickerStore.d.ts

@@ -0,0 +1,32 @@
+import { BorderStylingDefinition, BoxDimensions, FillDefinition, FilterPickerFilter } from "@omnia/fx-models";
+export declare const useBorderPickerStore: () => {
+    state: {
+        internalModel: BorderStylingDefinition;
+        settings: {
+            show: boolean;
+            individualWidthSelection: boolean;
+            individualRadiusSelection: boolean;
+        };
+        exportImportModel: any;
+        fill: FillDefinition;
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        update: () => {
+            radius: (value: BoxDimensions) => void;
+            width: (value: BoxDimensions) => void;
+            fill: (value: FillDefinition) => void;
+            borderPattern: (value: any) => void;
+        };
+        clear: () => void;
+        initState: (model: BorderStylingDefinition, individualWidthSelection: boolean, individualRadiusSelection: boolean) => void;
+    }>;
+    rules: {
+        readonly canShowBorderColor: boolean | import("@omnia/fx-models").SpacingValue;
+        readonly canShowBorderPattern: boolean;
+    };
+    dataTypes: {
+        borderPatterns: FilterPickerFilter[];
+    };
+} & {
+    dispose?: () => void;
+};

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

@@ -1,7 +1,7 @@
 import { ButtonBlueprint, ThemeContextType } from "@omnia/fx-models";
 import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type EditorVariant = "default" | "dialog" | "blade";
+type EditorVariant = "editor" | "dialog";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: ButtonBlueprint) => void;
 } & {
@@ -18,10 +18,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     toned?: boolean;
 } & {
     iconButton?: boolean;
-} & DefineEmit<"click:confirm", (value: ButtonBlueprint) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"definitionButton", () => VNodeChild>> & {
+} & {
+    toolbarCallback?: (value: () => VNodeChild) => void;
+} & DefineEmit<"click:confirm", (value: ButtonBlueprint) => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"definitionButton", () => VNodeChild>> & {
     "onUpdate:modelValue"?: (value: ButtonBlueprint) => any;
     "onClick:confirm"?: (value: ButtonBlueprint) => any;
-    "onInit:actionButtons"?: (value: () => VNodeChild) => any;
 } & {
     "v-slots"?: {
         activator?: () => VNodeChild;
@@ -29,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator" | "definitionButton">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "emit:click:confirm" | "emit:init:actionButtons" | "buttonLabel" | "iconButton" | "slot:definitionButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "modelValue" | "v-model" | "toned" | "emit:update:modelValue" | "themeType" | "slot:activator" | "emit:click:confirm" | "toolbarCallback" | "buttonLabel" | "iconButton" | "slot:definitionButton"> & 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,9 +1,12 @@
 export declare const ColorPickerStyles: {
-    transparentBackground: string;
     separator: (dark: boolean) => string;
     sliderBackground: (backgroundColor: string) => string;
-    swatch: (color: string) => string;
-    swatchWrapper: (color: string, selected: boolean, disabled: boolean) => string;
+    swatchCard: {
+        card: string;
+        wrapper: (color: string, selected: boolean, disabled: boolean) => string;
+        color: (color: string) => string;
+    };
     disabled: string;
     selected: (color: string) => string;
+    overlay: (dark: boolean) => 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<{
@@ -8,6 +8,9 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         }>;
+        toolbarCallback: {
+            type: import("vue").PropType<(value: () => VNodeChild) => void>;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -18,19 +21,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: {
@@ -139,6 +145,9 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         }>;
+        toolbarCallback: {
+            type: import("vue").PropType<(value: () => VNodeChild) => void>;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -149,19 +158,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: {
@@ -265,6 +277,9 @@ declare const _default: {
     } & {
         activator?: () => VNodeChild;
     }>;
+    toolbarCallback: {
+        type: import("vue").PropType<(value: () => VNodeChild) => void>;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -275,19 +290,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: {
@@ -464,10 +482,12 @@ 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;
+        toolbarCallback?: (value: () => VNodeChild) => void;
     }>, "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/{SwatchRenderer.d.ts → SwatchCardRenderer.d.ts}

@@ -8,7 +8,7 @@ declare const _default: {
         };
     }>> & {
         onSelect?: (value: ColorValue) => any;
-    }, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, () => 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: {};
@@ -24,7 +24,7 @@ declare const _default: {
         };
     }>> & {
         onSelect?: (value: ColorValue) => any;
-    }, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], {}, {}, {}, {}>;
+    }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -35,7 +35,7 @@ declare const _default: {
     };
 }>> & {
     onSelect?: (value: ColorValue) => any;
-}, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, () => 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<{} & {

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

@@ -3,23 +3,38 @@ export interface swatch {
     color: ColorValue;
     colorString: string;
 }
+export type ColorPickerType = "default" | "base" | "onBase" | "colorSchema";
 export declare const useColorPickerStore: () => {
     get: {
         swatches: {
             baseColor: (swatchSchema: swatch[], toned: boolean) => string;
             onBaseColor: (swatchSchema: swatch[], toned: boolean) => string;
-            colorSchemaName: (swatchSchema: swatch[]) => string;
+            colorSchema: {
+                name: (swatchSchema: swatch[]) => string;
+                formattedName: (swatchSchema: swatch[]) => string;
+            };
         };
     };
     state: {
-        currentSelection: ColorValue;
-        themedColorValue: ThemedColorValue;
+        selection: {
+            currentSelection: ColorValue;
+            themedColorValue: ThemedColorValue;
+            customColor: string;
+        };
         prevSelectedColorSchemaType: any;
-        customColor: string;
         opacity: number;
-        dynamicColor: boolean;
-        showColorPicker: boolean;
-        showDialog: boolean;
+        settings: {
+            dynamicColor: {
+                show: boolean;
+                enable: boolean;
+                colorShemaType: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+            };
+            showCustomColorPicker: boolean;
+            showDialog: boolean;
+            pickerType: ColorPickerType;
+            showplaceHolders: boolean;
+            showSystemColors: boolean;
+        };
         swatches: {
             dynamic: swatch[];
             schemas: swatch[][];
@@ -27,21 +42,27 @@ export declare const useColorPickerStore: () => {
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         toggleColorPicker: () => void;
+        setDynamicColor: (value: any) => void;
         selectColor: (value: ColorValue) => void;
         selectCustomColor: (color: string) => void;
         deleteColor: () => void;
         setOpacity: (opacity: number) => void;
-        initState: (model: ColorValue, themeContextType: ThemeContextType, defaultColorSchemaType: ColorSchemaType, switchableColorSchema: boolean) => void;
+        initState: (model: ColorValue, themeContextType: ThemeContextType, dynamicColorSchemaType: ColorSchemaType, colorPickerType: ColorPickerType, enableDynamicColor: boolean, showplaceHolders: boolean, showSystemColors: boolean) => void;
     }>;
     rules: {
         selection: {
+            isDynamicColor: () => "" | "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
             isCustomColor: () => boolean;
             isCurrentValue: (value: ColorValue) => boolean;
         };
         swatches: {
+            isPlaceHolder: (swatchSchema: swatch[]) => boolean;
             isDynamicColorSchema: (swatchSchema: swatch[]) => boolean;
             isIncludedInRender: (index: number) => boolean;
         };
+        colorSchema: {
+            isIncludedInTheme: (colorSchema: ColorSchemaType) => boolean;
+        };
     };
 } & {
     dispose?: () => void;