@omnia/fx 8.0.8-vnext → 8.0.10-vnext

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncRuleBlade.d.ts

@@ -1,12 +1,71 @@
 import { IdentityProviderProperty, UserTypeEvaluation } from "@omnia/fx-models";
-export declare const IdentitySyncRuleBlade: import("vue").DefineComponent<import("vue").ComponentObjectPropsOptions<{
+export declare const IdentitySyncRuleBlade: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            data: UserTypeEvaluation;
+            getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
+            saveChanges: (data: UserTypeEvaluation) => Promise<void>;
+            getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            data: UserTypeEvaluation;
+            getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
+            saveChanges: (data: UserTypeEvaluation) => Promise<void>;
+            getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
+        }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+        data: UserTypeEvaluation;
+        getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
+        saveChanges: (data: UserTypeEvaluation) => Promise<void>;
+        getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
+    }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     data: UserTypeEvaluation;
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
     saveChanges: (data: UserTypeEvaluation) => Promise<void>;
     getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    data: UserTypeEvaluation;
-    getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
-    saveChanges: (data: UserTypeEvaluation) => Promise<void>;
-    getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-}>>>, {}>;
+}>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        data?: UserTypeEvaluation;
+        getSyncPropertiesApi?: () => Promise<IdentityProviderProperty[]>;
+        getSyncPropertyDisplayName?: (property: IdentityProviderProperty) => string;
+        saveChanges?: (data: UserTypeEvaluation) => Promise<void>;
+    }>;
+};

package/internal-do-not-import-from-here/ux/identities/components/shared/IdentitySyncRuleSetup.d.ts

@@ -59,10 +59,10 @@ declare const _default: {
     getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
     getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        providerId: GuidValue;
-        getSyncPropertiesApi: () => Promise<IdentityProviderProperty[]>;
-        getSyncPropertyDisplayName: (property: IdentityProviderProperty) => string;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        providerId?: GuidValue;
+        getSyncPropertiesApi?: () => Promise<IdentityProviderProperty[]>;
+        getSyncPropertyDisplayName?: (property: IdentityProviderProperty) => string;
+    }>;
 };
 export default _default;

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

@@ -150,33 +150,33 @@ declare const _default: {
     hideDynamicGroupSelection: boolean;
     showAsButton: boolean;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        valueBind: Identity[];
-        onValueBindChanged: (values: Identity[]) => void;
-        type: PrincipalTypes;
-        providerIds: GuidValue[];
-        label: string;
-        description: string;
-        multiple: boolean;
-        required: boolean;
-        disabled: boolean;
-        attachToParent: boolean;
-        keepSelectionMenu: boolean;
-        top: boolean;
-        singleLine: boolean;
-        ariaDescribedby: string;
-        ariaInvalid: boolean;
-        showCurrentUserOption: boolean;
-        autoOpenSelection: boolean;
-        disabledIdentities: Identity[];
-        blockedIdentities: Identity[];
-        filter: (identities: IResolvedIdentity[]) => IResolvedIdentity[];
-        onMenuToggle: (values: boolean) => void;
-        hideTab: boolean;
-        hideGroupTypeSelection: boolean;
-        hideUserTypeSelection: boolean;
-        hideDynamicGroupSelection: boolean;
-        showAsButton: boolean;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        filter?: (identities: IResolvedIdentity[]) => IResolvedIdentity[];
+        label?: string;
+        type?: PrincipalTypes;
+        top?: boolean;
+        multiple?: boolean;
+        disabled?: boolean;
+        valueBind?: Identity[];
+        description?: string;
+        required?: boolean;
+        ariaDescribedby?: string;
+        ariaInvalid?: boolean;
+        providerIds?: GuidValue[];
+        onValueBindChanged?: (values: Identity[]) => void;
+        attachToParent?: boolean;
+        keepSelectionMenu?: boolean;
+        singleLine?: boolean;
+        showCurrentUserOption?: boolean;
+        autoOpenSelection?: boolean;
+        disabledIdentities?: Identity[];
+        blockedIdentities?: Identity[];
+        onMenuToggle?: (values: boolean) => void;
+        hideTab?: boolean;
+        hideGroupTypeSelection?: boolean;
+        hideUserTypeSelection?: boolean;
+        hideDynamicGroupSelection?: boolean;
+        showAsButton?: boolean;
+    }>;
 };
 export default _default;

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

@@ -1,6 +1,5 @@
 import "./UxStyleSheet";
 export * from "./Exposes";
-export { defineVueWebComponent } from "./InternalDefineWebComponent";
 import * as Exposes from "./Exposes";
 declare module "@omnia/fx-models/ux/UxApi" {
     interface IOmniaUxApi {

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/LayoutEditorCanvas.d.ts

@@ -1,7 +1,7 @@
 import { LayoutEditorCanvasApi, LayoutEditorCanvasStyles, LayoutItem } from "@omnia/fx/models";
-import { LayoutMediaContext, LayoutFileContext } from "@omnia/fx/ux";
+import { LayoutMediaContext, LayoutFileContext, ThemeStoreV2 } from "@omnia/fx/ux";
 import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../";
-import { OmniaTheming, ThemeStore, VueComponentBase } from "../..";
+import { ThemeStore, VueComponentBase } from "../..";
 import { SubscriptionHandler } from "../../..";
 import { IWebComponentInstance } from "../../../runtime/core/InternalWebComponentBootstrapper";
 import { MediaPickerService } from "../../../services";
@@ -9,7 +9,7 @@ import { BlockTitleSettingsStore, DirectionRuleStore } from "../../../stores";
 import { AnchorLink } from "../../AnchorLink";
 import { ILayoutEditorCanvas } from "./ILayoutEditorCanvas";
 import "./LayoutEditorCanvas.css";
-export default class LayoutEditorCanvas extends VueComponentBase implements IWebComponentInstance, ILayoutEditorCanvas {
+export declare class LayoutEditorCanvas extends VueComponentBase implements IWebComponentInstance, ILayoutEditorCanvas {
     styles?: Partial<typeof LayoutEditorCanvasStyles>;
     getApi: (inst: LayoutEditorCanvasApi) => void;
     provider: string;
@@ -17,7 +17,7 @@ export default class LayoutEditorCanvas extends VueComponentBase implements IWeb
     mediaContext: LayoutMediaContext;
     fileContext: LayoutFileContext;
     blockTitleSettingsStore: BlockTitleSettingsStore;
-    omniaTheming: OmniaTheming;
+    themeStoreV2: ThemeStoreV2;
     layoutItemStore: BlockCatalogStore;
     SubscriptionHandler: SubscriptionHandler;
     mediaPickerService: MediaPickerService;
@@ -33,6 +33,8 @@ export default class LayoutEditorCanvas extends VueComponentBase implements IWeb
     private isDragging;
     private originalScreenWidth;
     private originalWindowWidth;
+    private colorSchemaDrawer;
+    private colorSchemaHeader;
     beforeCreate(): void;
     created(): void;
     destroyed(): void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/Icons.css.d.ts

@@ -1,6 +1,6 @@
 export declare const IconStyles: {
     container: string;
-    column: string;
+    column: (backgroundColor: string) => string;
     multipleColumn: {
         largecolumn: string;
         herocolumn: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/OneColumnIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class OneColumnIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/ThreeColumnHeroIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class ThreeColumnHeroIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/ThreeColumnIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class ThreeColumnIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/ThreeColumnPageIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class ThreeColumnPageIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/icons/TwoColumnIcon.d.ts

@@ -1,6 +1,7 @@
 import { IWebComponentInstance } from "../../../..";
-import { VueComponentBase } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase } from "@omnia/fx/ux";
 export declare class TwoColumnIconComponent extends VueComponentBase implements IWebComponentInstance {
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelection.css.d.ts

@@ -1,9 +1,8 @@
-import { Color } from "../../../../models";
 /**
  * Styles for the LayoutEditorStyles component
  */
 export declare const LayoutItemStyles: {
     container: string;
-    wrapper: (background: Color) => string;
-    text: string;
+    wrapper: (backgroundColor: string) => string;
+    text: (textColor: string) => string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelection.d.ts

@@ -1,3 +1,4 @@
+import { ColorSchemaStore } from "@omnia/fx/ux";
 import { LayoutItemRegistration } from "../../../../models";
 import { VueComponentBase } from "../../../VueComponentBase";
 export interface LayoutSectionProps {
@@ -8,6 +9,7 @@ export interface LayoutSectionEvents {
 }
 export declare class LayoutItemSelection extends VueComponentBase<LayoutSectionProps, LayoutSectionEvents> {
     item: LayoutItemRegistration;
+    colorSchemaStore: ColorSchemaStore;
     mounted(): void;
     /**
      * Eventhandler for item clicked

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.css.d.ts

@@ -5,11 +5,9 @@ import { Color } from "../../../../models";
 export declare const LayoutItemSelectorStyles: {
     blockDialog: string;
     smallPosition: string;
-    notScrollOutside: string;
     selectorWrapper: string;
     contentWrapper: (background: Color) => string;
     closeButton: string;
-    expansionPanel: (background: Color) => string;
     dialogHeader: (textColor: string) => string;
     searchBox: string;
     footerWrapper: string;
@@ -17,4 +15,5 @@ export declare const LayoutItemSelectorStyles: {
         noBlockWrapper: string;
         blockWrapper: string;
     };
+    expansionPanel: string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutItemselector/LayoutItemSelector.d.ts

@@ -1,11 +1,12 @@
 import { BlockCatalogStore, LayoutCanvasStore } from "../../";
 import { VueComponentBaseProps } from "../../..";
-import { LayoutItem, LayoutItemRegistration } from "../../../../models";
+import { LayoutItem, LayoutItemRegistration, ColorTypes, ColorSchemaTypes } from "../../../../models";
 import { VueComponentBase } from "../../..";
 import { FeatureStore } from "../../../../stores";
 export interface LayoutItemSelectorProps extends VueComponentBaseProps {
     container: LayoutItem;
-    color: string;
+    colorType?: ColorTypes;
+    colorSchemaType?: ColorSchemaTypes;
     small: boolean;
     siblingId?: string;
     postInsert?: boolean;
@@ -14,8 +15,9 @@ export declare class LayoutItemSelector extends VueComponentBase<LayoutItemSelec
     container: LayoutItem;
     siblingId?: string;
     postInsert?: boolean;
-    color: string;
     small: boolean;
+    colorType: ColorTypes;
+    colorSchemaType: ColorSchemaTypes;
     layoutEditorStore: LayoutCanvasStore;
     layoutItemStore: BlockCatalogStore;
     featureStore: FeatureStore;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts

@@ -1,5 +1,5 @@
 import { ClipboardStore } from "@omnia/fx/stores";
-import { VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
 import { LayoutCanvasStore } from "../..";
 import { LayoutItem } from "../../../../models";
 export interface ActionToolbarProps extends VueComponentBaseProps {
@@ -13,6 +13,7 @@ export interface ActionToolbarEvents {
 export declare class LayoutItemActionToolbar extends VueComponentBase<ActionToolbarProps, ActionToolbarEvents> {
     layoutEditorStore: LayoutCanvasStore;
     clipboardStore: ClipboardStore;
+    colorSchemaStore: ColorSchemaStore;
     private omniaUxLoc;
     item: LayoutItem;
     parentContainer: LayoutItem;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.css.d.ts

@@ -1,4 +1,4 @@
-import { BlockLayoutSettings, SectionSettings } from "../../../../models";
+import { BlockLayoutSettings, ColorSchema, SectionSettings } from "../../../../models";
 import { ITheming } from "../../..";
 /**
  * Styles for the LayoutColumnStyles component
@@ -9,8 +9,8 @@ export declare const LayoutBlockStyles: {
         container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings, theme: ITheming) => string;
         general: string;
         blockPadding: (blockSettings: BlockLayoutSettings) => string;
-        selectedMarkup: (theme: ITheming, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
-        toolbar: (theme: ITheming) => string;
+        selectedMarkup: (colorSchema: ColorSchema, blockSettings: BlockLayoutSettings, fixedMargin: boolean) => string;
+        toolbar: string;
         positionItemSelectorOnBorderTop: string;
         positionItemSelectorOnBorderBottom: string;
         padLockIcon: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutBlock.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "vue";
+import { ColorSchemaStore } from "@omnia/fx/ux";
 import { BlockCatalogStore, LayoutCanvasStore, ThemingRenditionManager } from "../../";
 import { BlockInstance, LayoutFileContext, LayoutMediaContext, ThemeStore, VueComponentBase, VueComponentBaseProps } from "../../..";
 import { Block, LayoutItem, SectionSettings } from "../../../../models";
@@ -29,6 +30,7 @@ export declare class LayoutBlock extends VueComponentBase<BlockProps> {
     protected multilingualStore: MultilingualStore;
     private omniaUxLoc;
     blockInstance: BlockInstance;
+    colorSchemaStore: ColorSchemaStore;
     private editorTheme;
     created(): void;
     mounted(): void;
@@ -37,7 +39,7 @@ export declare class LayoutBlock extends VueComponentBase<BlockProps> {
      * Creates the element
      * @param h
      */
-    createVueNode(): VNode;
+    createNode(): VNode;
     /**
      * Event handler when block is selected
      * @param e

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutColumn.d.ts

@@ -1,3 +1,4 @@
+import { ColorSchemaStore } from "@omnia/fx/ux";
 import { LayoutCanvasStore } from "../../";
 import { SectionSettings, SectionItem, ColumnedSectionItemSettings } from "../../../../models";
 import { VueComponentBase } from "../../..";
@@ -18,6 +19,8 @@ export declare class LayoutColumn extends VueComponentBase<ColumnProps> {
     useScrollMargingFix: boolean;
     editorStore: LayoutCanvasStore;
     mediaPickerService: MediaPickerService;
+    colorSchemaStore: ColorSchemaStore;
+    created(): void;
     private get backgroundImage();
     /**
     * Function to render the columns

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.css.d.ts

@@ -1,4 +1,4 @@
-import { ITheming } from "../../..";
+import { ColorSchema } from "@omnia/fx-models";
 /**
  * Styles for the LayoutColumnStyles component
  */
@@ -6,10 +6,10 @@ export declare const LayoutSectionStyles: {
     layoutMode: {
         selectedPadding: string;
         regularPadding: string;
-        selectorContainer: (theme: ITheming, isSelected: any) => string;
+        selectorContainer: (colorSchema: ColorSchema, isSelected: any) => string;
         topLevelSpacing: string;
         showhideTransition: (show: any) => string;
-        toolbar: (theme: ITheming) => string;
+        toolbar: (colorSchema: ColorSchema) => string;
         removeScrollMargin: string;
         positionItemSelectorOnBorderTop: string;
         positionItemSelectorOnBorderTopCorrection: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitems/LayoutSection.d.ts

@@ -1,8 +1,9 @@
+import { ColorSchemaStore, ThemeStore, ThemeStoreV2 } from "@omnia/fx/ux";
 import { LayoutCanvasStore } from "../../";
 import { StateMutation } from "@omnia/fx/models";
 import { LayoutItem, Section } from "../../../../models";
 import { ThemingRenditionManager } from "../../";
-import { VueComponentBase, ThemeStore } from "../../..";
+import { VueComponentBase } from "../../..";
 import { BlockTitleSettingsStore, DirectionRuleStore } from "../../../../stores";
 import { MediaPickerService } from "../../../../services";
 export interface LayoutSectionProps {
@@ -22,6 +23,8 @@ export declare class LayoutSection extends VueComponentBase<LayoutSectionProps>
     blockTitleSettingsStore: BlockTitleSettingsStore;
     mediaPickerService: MediaPickerService;
     themeStore: ThemeStore;
+    themeStoreV2: ThemeStoreV2;
+    colorSchemaStore: ColorSchemaStore;
     directionRuleStore: DirectionRuleStore;
     themingRenditionManager: ThemingRenditionManager;
     private omniaUxLoc;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/LayoutSettingsPanel.d.ts

@@ -1,4 +1,5 @@
-import { VueComponentBaseProps, VueComponentBase, ThemeStore } from "../../..";
+import { ColorSchemaStore } from "../../..";
+import { VueComponentBaseProps, VueComponentBase } from "../../..";
 import { LayoutCanvasStore } from "../../";
 import { MultilingualStore, BlockTitleSettingsStore } from "../../../../stores";
 export interface LayoutSettingsProps extends VueComponentBaseProps {
@@ -7,7 +8,7 @@ export interface LayoutSettingsEvents {
 }
 export declare class LayoutSettingsPanel extends VueComponentBase<LayoutSettingsProps, LayoutSettingsEvents> {
     editorStore: LayoutCanvasStore;
-    themeStore: ThemeStore;
+    colorSchemaStore: ColorSchemaStore;
     MultilingualStore: MultilingualStore;
     private subscriptionHandler;
     blockTitleSettingsStore: BlockTitleSettingsStore;
@@ -18,6 +19,8 @@ export declare class LayoutSettingsPanel extends VueComponentBase<LayoutSettings
     created(): void;
     mounted(): void;
     private populateData;
+    renderIcon(): JSX.Element;
+    createTabControl(): JSX.Element;
     renderTabs(): JSX.Element;
     renderOneTab(): JSX.Element;
     render(): JSX.Element;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/LayoutStructure.d.ts

@@ -1,5 +1,5 @@
 import { BlockTitleSettingsStore, MultilingualStore } from "@omnia/fx/stores";
-import { ThemeStore, VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
+import { ColorSchemaStore, VueComponentBase, VueComponentBaseProps } from "@omnia/fx/ux";
 import { BlockCatalogStore, LayoutCanvasStore } from "../../";
 export interface SectionSettingsProps extends VueComponentBaseProps {
 }
@@ -7,8 +7,7 @@ export interface BlockSettingsEvents {
 }
 export declare class LayoutStructure extends VueComponentBase<SectionSettingsProps, BlockSettingsEvents> {
     private section;
-    editorStore: LayoutCanvasStore;
-    themeStore: ThemeStore;
+    colorSchemaStore: ColorSchemaStore;
     MultilingualStore: MultilingualStore;
     private subscriptionHandler;
     private omniaUxLoc;
@@ -29,5 +28,6 @@ export declare class LayoutStructure extends VueComponentBase<SectionSettingsPro
     private getClickStyle;
     isLayoutSelected(): boolean;
     private shouldShowMenu;
+    renderIcon(): JSX.Element;
     render(): JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/SectionSettingsPanel.d.ts

@@ -1,5 +1,6 @@
+import { ColorSchemaStore } from "../../..";
 import { BlockTitleSettings } from "../../../../models";
-import { VueComponentBaseProps, VueComponentBase, ThemeStore } from "../../..";
+import { VueComponentBaseProps, VueComponentBase } from "../../..";
 import { LayoutCanvasStore } from "../../";
 import { MultilingualStore, BlockTitleSettingsStore } from "../../../../stores";
 export interface SectionSettingsProps extends VueComponentBaseProps {
@@ -9,7 +10,7 @@ export interface BlockSettingsEvents {
 export declare class SectionSettingsPanel extends VueComponentBase<SectionSettingsProps, BlockSettingsEvents> {
     private section;
     editorStore: LayoutCanvasStore;
-    themeStore: ThemeStore;
+    colorSchemaStore: ColorSchemaStore;
     MultilingualStore: MultilingualStore;
     private subscriptionHandler;
     blockTitleSettingsStore: BlockTitleSettingsStore;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts

@@ -1,22 +1,23 @@
 import { BlockCatalogStore, LayoutCanvasStore } from "../../";
-import { LayoutItem } from "../../../../models";
+import { ColorSchemaTypes, ColorTypes, LayoutItem } from "../../../../models";
 import { VueComponentBase } from "../../..";
 export interface TargetSelectorProps {
     container: LayoutItem;
-    color: string;
     small: boolean;
     siblingId?: string;
     postInsert?: boolean;
+    colorType?: ColorTypes;
+    colorSchemaType?: ColorSchemaTypes;
 }
 export declare class TargetSelector extends VueComponentBase<TargetSelectorProps> {
     container: LayoutItem;
     siblingId?: string;
     postInsert?: boolean;
-    color: string;
     small: boolean;
+    colorType: ColorTypes;
+    colorSchemaType: ColorSchemaTypes;
     layoutEditorStore: LayoutCanvasStore;
     layoutItemStore: BlockCatalogStore;
-    private model;
     mounted(): void;
     /**
      * Eventhandler for adding a layout item

package/internal-do-not-import-from-here/ux/limited-label/LimitedLabel.d.ts

@@ -57,10 +57,10 @@ declare const limitedLabelComponent: {
     text: string;
     maxWidth: string;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        activateOnLength: number;
-        text: string;
-        maxWidth: string;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        text?: string;
+        maxWidth?: string;
+        activateOnLength?: number;
+    }>;
 };
 export default limitedLabelComponent;

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

@@ -42,6 +42,6 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<{}>>;
+    propsDefinition: Readonly<{} & {}>;
 };
 export default _default;

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

@@ -81,16 +81,16 @@ declare const _default: {
     required: boolean;
     hideDetails: boolean;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        title: string;
-        multipleChoice: boolean;
-        options: object[];
-        optionValue: string;
-        optionText: string;
-        valueBind: any[];
-        onValueChanged: (value: any[]) => void;
-        required: boolean;
-        hideDetails: boolean;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        title?: string;
+        options?: object[];
+        valueBind?: any[];
+        onValueChanged?: (value: any[]) => void;
+        required?: boolean;
+        hideDetails?: boolean;
+        optionValue?: string;
+        optionText?: string;
+        multipleChoice?: boolean;
+    }>;
 };
 export default _default;

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

@@ -0,0 +1,4 @@
+export declare const AppbarStyles: {
+    templateTitle: string;
+    content: string;
+};