@omnia/fx 8.0.556-dev → 8.0.557-dev

package/internal-do-not-import-from-here/ux/aurora/components/headerpicker/store/HeaderStyleEditorStore.d.ts

@@ -31,7 +31,7 @@ export declare const useHeaderStyleEditorStore: () => {
     datatTypes: {};
     rules: {
         isAdvanceModeEnabled: () => boolean;
-        showInputField(): string | boolean;
+        showInputField(): boolean;
         isVelcronTemplate(): boolean;
     };
 } & {

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

@@ -80,6 +80,8 @@ export declare const ThemeSwitcherStyles: {
         containerFill: {
             stylex: typeof import("../../styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../../styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../../styling/styles").BorderStyling.getBlueprintBorderStylex;

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

@@ -89,6 +89,8 @@ export declare function useThemeStyling(): {
     containerFill: {
         stylex: typeof BackgroundStyling.getContainerFillStylex;
         stylexObject: typeof BackgroundStyling.getContainerFillStylexObjectStylex;
+        shape: typeof BackgroundStyling.getBackgroundShape;
+        overlay: typeof BackgroundStyling.getBackgroundOverlay;
     };
     border: {
         stylex: typeof BorderStyling.getBlueprintBorderStylex;

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

@@ -3,6 +3,8 @@ import { StylexValue } from "internal/fx/ux/Styles.stylex";
 import { useColorSchemaStore } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores";
 export declare namespace BackgroundStyling {
     function backgroundGrid(): Readonly<StylexValue>;
+    function getBackgroundShape(fill: ContainerFillBlueprint): Readonly<StylexValue>;
+    function getBackgroundOverlay(fill: ContainerFillBlueprint, opacity: number, colors: any): string;
     function getContainerFillStylex(fill: ContainerFillBlueprint, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
     function getContainerFillStylexObjectStylex(fill: ContainerFillBlueprint, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
         borderTopLeftRadius?: StylexValue;

package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.css.d.ts

@@ -81,6 +81,8 @@ export declare const EditorChromeStyles: {
         containerFill: {
             stylex: typeof import("../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts

@@ -80,6 +80,8 @@ export declare const ToolbarButtonStyles: {
         containerFill: {
             stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;

package/internal-do-not-import-from-here/ux/editorchrome/toolbars/Toolbar.css.d.ts

@@ -80,6 +80,8 @@ export declare const ToolbarStyles: {
         containerFill: {
             stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;

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

@@ -8,6 +8,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: Object;
 } & {
     readOnly?: boolean;
+} & {
+    size?: "x-small" | "small" | "medium" | "large" | "full";
 } & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild> & DefineRef<{
     openDialog: () => void;
 }>> & {
@@ -28,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     }> | ((ref: {
         openDialog: () => void;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "ref" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "size" | "ref" | "v-model" | "modelValue" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -82,6 +82,8 @@ export declare const LayoutBlockStyles: {
         containerFill: {
             stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;

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

@@ -82,6 +82,8 @@ export declare const LayoutSectionStyles: {
         containerFill: {
             stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;

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

@@ -23,8 +23,71 @@ declare const _default: {
         label: {
             type: import("vue").PropType<string>;
         };
-        section: {
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+        };
+        "v-model": {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+        }; } & { [key_1 in import("../../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
             type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        }; } & { [key_2 in import("../../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        }; } & {
+            require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }>;
         };
     }>> & {
         onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
@@ -49,8 +112,71 @@ declare const _default: {
         label: {
             type: import("vue").PropType<string>;
         };
-        section: {
+        "onUpdate:modelValue": {
+            type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+        };
+        "v-model": {
             type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        };
+        name: <TName extends string>(n?: TName) => { [key in import("../../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+            type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+        }; } & { [key_1 in import("../../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        }; } & { [key_2 in import("../../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+            type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+            required: false;
+        }; } & {
+            require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }>;
         };
     }>> & {
         onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
@@ -69,8 +195,71 @@ declare const _default: {
     label: {
         type: import("vue").PropType<string>;
     };
-    section: {
+    "onUpdate:modelValue": {
+        type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+    };
+    "v-model": {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        required: false;
+    };
+    modelValue: {
         type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        required: false;
+    };
+    name: <TName extends string>(n?: TName) => { [key in import("../../../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
+        type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+    }; } & { [key_1 in import("../../../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        required: false;
+    }; } & { [key_2 in import("../../../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
+        type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+        required: false;
+    }; } & {
+        require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+            };
+        } & {
+            "v-model": {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        }>;
+        defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+            };
+        } & {
+            "v-model": {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        }, false>;
+        doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<TName, Section<import("@omnia/fx-models").SectionSettings>, {
+            "onUpdate:modelValue": {
+                type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+            };
+        } & {
+            "v-model": {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        } & {
+            modelValue: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        }>;
     };
 }>> & {
     onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
@@ -81,7 +270,70 @@ declare const _default: {
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         label?: string;
-        section?: Section<import("@omnia/fx-models").SectionSettings>;
+        name?: {
+            [x: `onUpdate:${string}`]: {
+                type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+            };
+        } & {
+            [x: `v-model:${string}`]: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        } & {
+            [x: string]: {
+                type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                required: false;
+            };
+        } & {
+            require(): import("../../../../../DefineVueTypings").DefinePropModelRequire<string, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }>;
+            defaultValue(value?: Section<import("@omnia/fx-models").SectionSettings>): import("../../../../../DefineVueTypings").DefinePropModelDefaultValue<string, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }, false>;
+            doc$(description?: string): import("../../../../../DefineVueTypings").DefinePropModelDoc<string, Section<import("@omnia/fx-models").SectionSettings>, {
+                "onUpdate:modelValue": {
+                    type: import("vue").PropType<(value: Section<import("@omnia/fx-models").SectionSettings>) => any | void>;
+                };
+            } & {
+                "v-model": {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            } & {
+                modelValue: {
+                    type: import("vue").PropType<Section<import("@omnia/fx-models").SectionSettings>>;
+                    required: false;
+                };
+            }>;
+        };
+        "v-model"?: Section<import("@omnia/fx-models").SectionSettings>;
+        modelValue?: Section<import("@omnia/fx-models").SectionSettings>;
+        "onUpdate:modelValue"?: (value: Section<import("@omnia/fx-models").SectionSettings>) => any | void;
         itemRenderer?: SectionItemRenderer;
         addLabel?: string;
     }>, "onAddItem" | "onDeleteItem"> & {

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts

@@ -81,6 +81,8 @@ export declare const LayoutColumnRendererStyles: {
         containerFill: {
             stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+            shape: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundShape;
+            overlay: typeof import("../../../aurora/styling/styles").BackgroundStyling.getBackgroundOverlay;
         };
         border: {
             stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.d.ts

@@ -1,5 +1,5 @@
 import { DefineEmit } from "@omnia/fx/ux";
-import { MediaPickerMedia } from "@omnia/fx-models";
+import { ContainerFillValue, MediaPickerMedia } from "@omnia/fx-models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:media": (value: MediaPickerMedia[]) => void;
 } & {
@@ -14,6 +14,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     mediaJson?: string;
 } & {
     displayNumber?: number;
+} & {
+    fill?: ContainerFillValue;
+} & {
+    fillOpacity?: number;
+} & {
+    dynamicColorSchema?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
 } & DefineEmit<"clickMedia", (index: number) => void>> & {
     onClickMedia?: (index: number) => any;
     "onUpdate:media"?: (value: MediaPickerMedia[]) => any;
@@ -22,5 +28,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "media" | "mediaClass" | "emit:update:media" | "v-model:media" | "roundBorder" | "mediaJson" | "displayNumber" | "emit:clickMedia"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "dynamicColorSchema" | "fillOpacity" | "media" | "mediaClass" | "emit:update:media" | "v-model:media" | "roundBorder" | "mediaJson" | "displayNumber" | "emit:clickMedia"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/mediagallery/view/MediaDisplayRenderer.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp } from "@omnia/fx/ux";
-import { MediaPickerMedia } from "@omnia/fx-models";
-type MediaDisplayProps = DefineProp<"media", MediaPickerMedia | MediaPickerMedia[], true> & DefineProp<"imageRatioId", number> & DefineProp<"mediaStyle", string | object | object[]> & DefineProp<"mediaClass", string> & DefineProp<"showCaption", boolean> & DefineProp<"thumbnailOnly", boolean>;
+import { ColorSchemaType, ContainerFillValue, MediaPickerMedia } from "@omnia/fx-models";
+type MediaDisplayProps = DefineProp<"media", MediaPickerMedia | MediaPickerMedia[], true> & DefineProp<"imageRatioId", number> & DefineProp<"mediaStyle", string | object | object[]> & DefineProp<"mediaClass", string> & DefineProp<"showCaption", boolean> & DefineProp<"thumbnailOnly", boolean> & DefineProp<"fill", ContainerFillValue> & DefineProp<"fillOpacity", number> & DefineProp<"dynamicColorSchema", ColorSchemaType>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MediaDisplayProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "imageRatioId" | "showCaption" | "thumbnailOnly" | "media" | "mediaStyle" | "mediaClass"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "dynamicColorSchema" | "fillOpacity" | "imageRatioId" | "showCaption" | "thumbnailOnly" | "media" | "mediaStyle" | "mediaClass"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/mediagallery/view/store/PhotoWallStore.d.ts

@@ -1,4 +1,4 @@
-import { LayoutPhotoMap, MediaPickerMedia, PhotoWallDirection, PhotoWallMedia } from "@omnia/fx-models";
+import { ContainerFillValue, LayoutPhotoMap, MediaPickerMedia, PhotoWallDirection, PhotoWallMedia } from "@omnia/fx-models";
 export declare const PhotoWallStore: () => {
     state: {
         activeIndex: number;
@@ -12,6 +12,9 @@ export declare const PhotoWallStore: () => {
         direction: PhotoWallDirection;
         photos: Array<PhotoWallMedia>;
         showNumOfRemainingPhotos: boolean;
+        fill: ContainerFillValue;
+        fillOpacity: number;
+        dynamicColorSchema: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
         media: Array<MediaPickerMedia>;
         clickMedia: (index: number) => void;
     };

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

@@ -1,6 +1,15 @@
-import { MediaPickerImage, OSizeTypes } from "@omnia/fx-models";
+import { ContainerFillValue, MediaPickerImage, OSizeTypes } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        dynamicColorSchema: {
+            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic">;
+        };
+        fillOpacity: {
+            type: import("vue").PropType<number>;
+        };
+        fill: {
+            type: import("vue").PropType<ContainerFillValue>;
+        };
         inlineMediaNodeDisplayData: {
             type: import("vue").PropType<string>;
         };
@@ -53,6 +62,15 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        dynamicColorSchema: {
+            type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic">;
+        };
+        fillOpacity: {
+            type: import("vue").PropType<number>;
+        };
+        fill: {
+            type: import("vue").PropType<ContainerFillValue>;
+        };
         inlineMediaNodeDisplayData: {
             type: import("vue").PropType<string>;
         };
@@ -102,6 +120,15 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    dynamicColorSchema: {
+        type: import("vue").PropType<"primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic">;
+    };
+    fillOpacity: {
+        type: import("vue").PropType<number>;
+    };
+    fill: {
+        type: import("vue").PropType<ContainerFillValue>;
+    };
     inlineMediaNodeDisplayData: {
         type: import("vue").PropType<string>;
     };
@@ -148,8 +175,11 @@ declare const _default: {
     };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
+        fill?: ContainerFillValue;
+        dynamicColorSchema?: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
         image?: MediaPickerImage;
         contain?: boolean;
+        fillOpacity?: number;
         avatar?: {
             size: OSizeTypes;
         };

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

@@ -3,7 +3,7 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } f
 import { VNodeChild } from "vue";
 export * from "./Dialog.stylex";
 export type DialogLocation = "left" | "center" | "right";
-type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "If dialog is toned"> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"disabledFullScreenOnMobile", boolean, false, false, "Not allow auto full sreen on mobile."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"attach", string, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"icon", () => VNodeChild> & DefineSlot<"navigation", (apis: {
+type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "If dialog is toned"> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"disabledFullScreenOnMobile", boolean, false, false, "Not allow auto full sreen on mobile."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes | number, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"attach", string, false, null, "Specifies which DOM element the overlay content should teleport to."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"canBack", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"icon", () => VNodeChild> & DefineSlot<"navigation", (apis: {
     hideNavigation: () => void;
     showNavigation: () => void;
 }) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void> & DefineEmit<"click:backButton", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.556-dev",
+  "version": "8.0.557-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.556-dev",
+    "@omnia/fx-models": "8.0.557-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",