@omnia/fx 8.0.101-dev → 8.0.102-dev

package/internal-do-not-import-from-here/shared/models/theming/ChromeDefinition.d.ts

@@ -1,6 +1,6 @@
 import { GuidValue } from "../Guid";
 import { VelcronAppDefinition } from "../velcron";
-import { BoxDimensions } from "./BlueprintDefinition";
+import { BoxDimensions } from "./ComponentDefinitions";
 import { SpacingSettings } from "./SpacingSetting";
 import { ColorValue } from "./ThemeDefinitionV2";
 export interface ChromeDefinition {

package/internal-do-not-import-from-here/shared/models/theming/{BlueprintDefinition.d.ts → ComponentDefinitions.d.ts}

@@ -1,3 +1,4 @@
+import { ColorValue } from "./ThemeDefinitionV2";
 import { ChromeDefinition } from "./ChromeDefinition";
 import { SpacingDefinition, SpacingSettings } from "./SpacingSetting";
 import { TypographyDefinition } from "./TypographyDefinition";
@@ -35,7 +36,20 @@ export interface SpacingBlueprint extends BlueprintDefinition {
 }
 export interface ComponentBlueprint extends BlueprintDefinition {
     type: "component";
-    default: BlueprintItemDefinition[];
+    buttons?: {
+        high: {
+            regular: ButtonBlueprint;
+            icon: ButtonBlueprint;
+        };
+        medium: {
+            regular: ButtonBlueprint;
+            icon: ButtonBlueprint;
+        };
+        low: {
+            regular: ButtonBlueprint;
+            icon: ButtonBlueprint;
+        };
+    };
 }
 export interface SpacingItemBluePrintDefinition {
     layout: SpacingDefinition;
@@ -59,3 +73,20 @@ export interface SearchBoxBlueprint extends BlueprintItemDefinition {
     borderRadius?: BoxDimensions;
     variant?: "outlined" | "solo" | "regular" | "plain" | "underlined";
 }
+export interface ButtonBlueprint extends BlueprintItemDefinition {
+    type: "button";
+    variant?: "outlined" | "tonal" | "text" | "plain";
+    density?: "compact" | "comfortable";
+    size?: "x-small" | "small" | "large" | "x-large";
+    rounded?: string;
+    alterCaps?: boolean;
+    background?: {
+        color?: ColorValue;
+        filled?: boolean;
+        opacity?: number;
+    };
+    textColor?: ColorValue;
+    elevation?: number;
+    border?: BoxDimensions;
+    borderColor?: ColorValue;
+}

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BlueprintDefinition } from "./BlueprintDefinition";
+import { BlueprintDefinition } from "./ComponentDefinitions";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;

package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.d.ts

@@ -1,5 +1,5 @@
 import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
-import { BlueprintDefinition, BlueprintType } from "./BlueprintDefinition";
+import { BlueprintDefinition, BlueprintType } from "./ComponentDefinitions";
 export declare function useThemeMethods(getThemeDefinition: () => any): {
     colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
     bluePrintbyType: <TType extends BlueprintDefinition>(type: BlueprintType) => TType;

package/internal-do-not-import-from-here/shared/models/theming/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
 export * from "./UseThemeMethods";
-export * from "./BlueprintDefinition";
+export * from "./ComponentDefinitions";
 export * from "./SpacingSetting";
 export * from "./SharedBlueprintMethods";
 export * from "./SharedColorMethods";

package/internal-do-not-import-from-here/shared/models/theming/index.js

@@ -5,7 +5,7 @@ tslib_1.__exportStar(require("./ThemeDefinitionV2"), exports);
 tslib_1.__exportStar(require("./TypographyDefinition"), exports);
 //export * from "./OmniaThemes";
 tslib_1.__exportStar(require("./UseThemeMethods"), exports);
-tslib_1.__exportStar(require("./BlueprintDefinition"), exports);
+tslib_1.__exportStar(require("./ComponentDefinitions"), exports);
 tslib_1.__exportStar(require("./SpacingSetting"), exports);
 tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
 tslib_1.__exportStar(require("./SharedColorMethods"), exports);

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

@@ -147,10 +147,10 @@ declare const _default: {
             required: false;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
             required: false;
         };
         "onUpdate:modelValue": {
@@ -287,10 +287,10 @@ declare const _default: {
             required: false;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
             required: false;
         };
         "onUpdate:modelValue": {
@@ -434,10 +434,10 @@ declare const _default: {
             required: false;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+            type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
             required: false;
         };
         "onUpdate:modelValue": {
@@ -578,10 +578,10 @@ declare const _default: {
         required: false;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+        type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
         required: false;
     } & {
-        type: import("vue").PropType<"small" | "default" | "large" | "x-large" | "x-small">;
+        type: import("vue").PropType<"small" | "default" | "x-small" | "large" | "x-large">;
         required: false;
     };
     "onUpdate:modelValue": {
@@ -598,7 +598,7 @@ declare const _default: {
 }>>, () => VNodeChild, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         inline?: boolean;
-        size?: "small" | "default" | "large" | "x-large" | "x-small";
+        size?: "small" | "default" | "x-small" | "large" | "x-large";
         styles?: {
             container: {
                 $nest: {

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

@@ -1,4 +1,3 @@
-import { TsxAllowUnknowProperties } from "../TsxAllowUnknowProperties";
 export interface IResizingIFrame {
     js?: string;
     html?: string;
@@ -6,14 +5,3 @@ export interface IResizingIFrame {
     iframeHeight?: string;
     iframeCustomStyle?: string | {};
 }
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-iframe": TsxAllowUnknowProperties<IResizingIFrame>;
-        }
-    }
-}

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

@@ -1,22 +1,231 @@
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IWebComponentInstance } from "../..";
-import { IResizingIFrame } from "./IResizingIFrame";
-export declare class ResizingIFrame extends VueComponentBase implements IWebComponentInstance, IResizingIFrame {
-    static IFrameContentCss: string;
-    static IFrameWrapperClass: string;
-    rendered: boolean;
-    id: string;
-    js: string;
-    html: string;
-    css: string;
-    iframeHeight: string;
-    iframeCustomStyle: string;
-    private iframeResizer;
-    mounted(): void;
-    beforeDestroy(): void;
-    created(): void;
-    renderContent(): void;
-    getCustomClass(): string;
-    getCustomStyle(): {};
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        styles: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        css: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "onUpdate:html": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model:html": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        html: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        js: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+    }>>, JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        styles: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        css: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "onUpdate:html": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model:html": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        html: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        js: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        styles: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        height: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        css: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        "onUpdate:html": {
+            type: import("vue").PropType<(value: string) => any>;
+        };
+        "v-model:html": {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        html: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        js: {
+            type: import("vue").PropType<string>;
+            required: false;
+        } & {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+    }>>, JSX.Element, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    styles: {
+        type: import("vue").PropType<string>;
+        required: false;
+    } & {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    height: {
+        type: import("vue").PropType<string>;
+        required: false;
+    } & {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    css: {
+        type: import("vue").PropType<string>;
+        required: false;
+    } & {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: string) => any>;
+    };
+    "v-model": {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    "onUpdate:html": {
+        type: import("vue").PropType<(value: string) => any>;
+    };
+    "v-model:html": {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    html: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    js: {
+        type: import("vue").PropType<string>;
+        required: false;
+    } & {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+}>>, JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        js?: string;
+        css?: string;
+        html?: string;
+        height?: string;
+        styles?: string;
+        "v-model"?: string;
+        "onUpdate:modelValue"?: (value: string) => any;
+        modelValue?: string;
+        "onUpdate:html"?: (value: string) => any;
+        "v-model:html"?: string;
+    }>, never>;
+};
+export default _default;

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

@@ -110,10 +110,10 @@ declare const JourneyBladeComponent: {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -252,10 +252,10 @@ declare const JourneyBladeComponent: {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -392,10 +392,10 @@ declare const JourneyBladeComponent: {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -529,10 +529,10 @@ declare const JourneyBladeComponent: {
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+        type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
         required: false;
     } & {
-        type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+        type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
         required: false;
     };
     id: {
@@ -574,7 +574,7 @@ declare const JourneyBladeComponent: {
         icon?: IIcon;
         delete?: boolean;
         id?: GuidValue;
-        size?: "small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
+        size?: "small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
         disabled?: boolean;
         settings?: boolean;
         "v-slots"?: {

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

@@ -25,10 +25,10 @@ declare const _default: {
             type: import("vue").PropType<IIcon>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -71,10 +71,10 @@ declare const _default: {
             type: import("vue").PropType<IIcon>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -121,10 +121,10 @@ declare const _default: {
             type: import("vue").PropType<IIcon>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -168,10 +168,10 @@ declare const _default: {
         type: import("vue").PropType<IIcon>;
     };
     size: {
-        type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+        type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
         required: false;
     } & {
-        type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+        type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
         required: false;
     };
     id: {
@@ -195,7 +195,7 @@ declare const _default: {
         title?: string;
         icon?: IIcon;
         id?: GuidValue;
-        size?: "small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
+        size?: "small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
         items?: JourneyMenuItem[];
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot<any[]>;

package/internal-do-not-import-from-here/ux/journey/use/UseBlade.d.ts

@@ -105,10 +105,10 @@ export declare function useBlade(bladeId: GuidValue): {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+                type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
                 required: false;
             } & {
-                type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+                type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
                 required: false;
             };
             id: {
@@ -247,10 +247,10 @@ export declare function useBlade(bladeId: GuidValue): {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+                type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
                 required: false;
             } & {
-                type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+                type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
                 required: false;
             };
             id: {
@@ -387,10 +387,10 @@ export declare function useBlade(bladeId: GuidValue): {
                 type: import("vue").PropType<boolean>;
             };
             size: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+                type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
                 required: false;
             } & {
-                type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+                type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
                 required: false;
             };
             id: {
@@ -524,10 +524,10 @@ export declare function useBlade(bladeId: GuidValue): {
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
+            type: import("vue").PropType<"small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace">;
             required: false;
         };
         id: {
@@ -569,7 +569,7 @@ export declare function useBlade(bladeId: GuidValue): {
             icon?: import("@omnia/fx-models").IIcon;
             delete?: boolean;
             id?: GuidValue;
-            size?: "small" | "medium" | "large" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
+            size?: "small" | "large" | "medium" | "xSmall" | "xLarge" | "xxLarge" | "xxxLarge" | "fullScreen" | "fillSpace";
             disabled?: boolean;
             settings?: boolean;
             "v-slots"?: {

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

@@ -1,10 +1,10 @@
 import { BlockTitleIconSettings, BlockTitleSettings, TextAlignment, IconSizes } from "../../../../../models";
-import { ITheming } from "../../../..";
+import { useColorSchemaStore } from "../../../..";
 export declare const BlockTitleStyles: {
     safeGetSpacingPixels(value: any, spacing: any): string;
     getIconOffset(iconSize: IconSizes): -25 | -10 | -15 | -30;
     getIconOffsetIconOnly(iconSize: IconSizes): -5 | -15 | -17;
-    iconWrapperButton: (settings: BlockTitleIconSettings) => string;
-    iconInButton: (settings: BlockTitleIconSettings, theming: ITheming) => string;
-    wrapper: (settings: BlockTitleSettings, textAlignment: TextAlignment, theming: ITheming) => string;
+    iconWrapperButton: (settings: BlockTitleIconSettings, colors: ReturnType<typeof useColorSchemaStore>) => string;
+    iconInButton: (settings: BlockTitleIconSettings, colors: ReturnType<typeof useColorSchemaStore>) => string;
+    wrapper: (settings: BlockTitleSettings, textAlignment: TextAlignment, colors: ReturnType<typeof useColorSchemaStore>) => string;
 };