@omnia/fx 8.0.558-dev → 8.0.559-dev

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

@@ -1280,6 +1280,7 @@ export interface OmniaUxLocalization {
                 UseFullHeight: string;
                 LazyLoad: string;
                 DisableLazyLoad: string;
+                LayoutSettings: string;
             };
             CanvasSettings: {
                 CanvasPadding: string;

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

@@ -127,9 +127,9 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (value: ColorValue) => any;
+        "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
     }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: ColorValue) => any;
+        "update:modelValue": (value: ColorValue, isColorAdjusted: boolean) => any;
     }, import("vue").PublicProps, {
         container: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -264,7 +264,7 @@ declare const _default: {
             required: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: (value: ColorValue) => any;
+        "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
     }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         container: boolean;
     }>;
@@ -396,9 +396,9 @@ declare const _default: {
         required: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (value: ColorValue) => any;
+    "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: ColorValue) => any;
+    "update:modelValue": (value: ColorValue, isColorAdjusted: boolean) => any;
 }, string, {
     container: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
@@ -489,7 +489,7 @@ declare const _default: {
         showSystemColors?: boolean;
         toolbarCallback?: (value: () => VNodeChild) => void;
     }>, "onUpdate:modelValue"> & {
-        "onUpdate:modelValue"?: (value: ColorValue) => any;
+        "onUpdate:modelValue"?: (value: ColorValue, isColorAdjusted: boolean) => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
-import { OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
-type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
+import { OHorizontalAlignments, OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
+type ColumnProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"grow", number, false, null, "How the flex grows in relation to other flexes. This is used to set the flex-grow property on the flex."> & DefineProp<"toned", boolean, false, false> & DefineProp<"width", string | number, false, null, "Sets the width of the column."> & DefineProp<"minWidth", string | number, false, null, "Sets the min width of the column"> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the vertical alignment of the column."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColumnProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "padding" | "margin" | "filled" | "grow" | "minWidth" | "width" | "class" | "colors" | "toned" | "alignY"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "padding" | "margin" | "filled" | "grow" | "minWidth" | "width" | "class" | "colors" | "toned" | "alignX" | "alignY"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/column/Column.stylex.d.ts

@@ -1,6 +1,7 @@
-import { OVerticalAlignments, OPaddingCombination } from "@omnia/fx-models";
+import { OVerticalAlignments, OPaddingCombination, OHorizontalAlignments } from "@omnia/fx-models";
 export interface stylingSettings {
     alignY: OVerticalAlignments;
+    alignX: OHorizontalAlignments;
     paddings: OPaddingCombination;
     width: string | number;
     grow: number;

package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts

@@ -1,10 +1,11 @@
+import { ColorSchemaType, ContainerFillValue } from "@omnia/fx-models";
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 type ImageProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"aspectRatio", string | number, false, null, "The aspect ratio of the image."> & DefineProp<"src", string, false, null, "The image URL. This prop is mandatory."> & DefineProp<"height", number | string, false, null, "Sets the height for the component."> & DefineProp<"width", number | string, false, null, "Sets the height for the component."> & DefineProp<"cover", boolean, false, true, "Resizes the image to cover the entire container."> & DefineProp<"draggable", boolean, false, false, "Controls the draggable behavior of the image."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."> & DefineProp<"alt", string, false, "", "Alternate text for screen readers. Leave empty for decorative images."> & DefineProp<"maxWidth", number | string, false, null> & DefineProp<"maxHeight", number | string, false, null> & DefineProp<"placeholder", string, false, null, "The placeholder image to display while the main image is loading."> & DefineProp<"lazySrc", string, false, null, "The image to display while the main image is loading."> & DefineEmit<"load", (info: {
     naturalWidth: number;
     naturalHeight: number;
     image: HTMLElement;
-}) => void> & DefineSlot<"placeholder", () => VNodeChild>;
+}) => void> & DefineProp<"fill", ContainerFillValue> & DefineProp<"fillOpacity", number> & DefineProp<"dynamicColorSchema", ColorSchemaType> & DefineSlot<"placeholder", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ImageProps> & {
     onLoad?: (info: {
         naturalWidth: number;
@@ -18,5 +19,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ImageProps>
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "placeholder">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "height" | "aspectRatio" | "maxHeight" | "maxWidth" | "width" | "class" | "cover" | "src" | "colors" | "draggable" | "eager" | "alt" | "placeholder" | "lazySrc" | "emit:load" | "slot:placeholder"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "colorSchemaType" | "dynamicColorSchema" | "height" | "aspectRatio" | "fillOpacity" | "maxHeight" | "maxWidth" | "width" | "class" | "cover" | "src" | "colors" | "draggable" | "eager" | "alt" | "placeholder" | "lazySrc" | "emit:load" | "slot:placeholder"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/spacer/Spacer.d.ts

@@ -1,7 +1,10 @@
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+import { Spacing, SpacingValue } from "@omnia/fx-models";
+import { DefineProp } from "@omnia/fx/ux";
+type spacerProps = DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin from the blueprint. Apply to all dimensions using only one value.">;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<spacerProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "margin"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/splitpane/SplitPaneContainer.d.ts

@@ -1,5 +1,9 @@
 import { DefineEmit } from "@omnia/fx/ux";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    class?: String | String[];
+} & {
+    style?: object;
+} & {
     disabled?: boolean;
 } & DefineEmit<"resize", (sizes: number[]) => void>> & {
     onResize?: (sizes: number[]) => any;
@@ -8,5 +12,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "disabled" | "emit:resize"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "style" | "class" | "disabled" | "emit:resize"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -1,6 +1,6 @@
 import { DefineProp, DefinePropTheming, DefineRef, DefineVModel } from "@omnia/fx/ux";
 import { OTabAlignments, OScrollOffsetTypes, OTabVariants, TabsBlueprint, BlueprintVariant } from "@omnia/fx-models";
-type TabsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number, false, 0, false, "The v-model of the component"> & DefineProp<"contentClass", string | string[], false, null, "The class of the content container."> & DefineProp<"stacked", boolean, false, null, "Applies the stacked prop to all children o.tab components."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"toned", boolean, false, null> & DefineProp<"vertical", boolean, false, null> & DefineProp<"hideTabNameIfOnlyOneTab", boolean, false, null, "Hides the tab name if there is only one tab in the component."> & DefineProp<"noScrolling", boolean, false, null, "Removes the scrolling from the tabs component."> & DefineProp<"alignTabs", OTabAlignments, false, "start", "sets the horizontal alignment of the tabs."> & DefineProp<"grow", boolean, false, null, "sets how the flex grows in relation to other flexes of the tab."> & DefineProp<"scrolling", OScrollOffsetTypes, false, null, "Sets a custom blueprint for the tab control."> & DefineProp<"blueprint", TabsBlueprint | BlueprintVariant, false, null, "Applies the blueprint to the component."> & DefineProp<"disableBlueprint", boolean, false, null, "Disables the blueprint and use properties instead."> & DefineProp<"position", "top" | "bottom", false, "top", "The position of the horizontal tab."> & DefineRef<{
+type TabsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number, false, 0, false, "The v-model of the component"> & DefineProp<"contentClass", string | string[], false, null, "The class of the content container."> & DefineProp<"stacked", boolean, false, null, "Applies the stacked prop to all children o.tab components."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"toned", boolean, false, null> & DefineProp<"vertical", boolean, false, null> & DefineProp<"hideTabName", boolean, false, null> & DefineProp<"hideTabNameIfOnlyOneTab", boolean, false, null, "Hides the tab name if there is only one tab in the component."> & DefineProp<"noScrolling", boolean, false, null, "Removes the scrolling from the tabs component."> & DefineProp<"alignTabs", OTabAlignments, false, "start", "sets the horizontal alignment of the tabs."> & DefineProp<"grow", boolean, false, null, "sets how the flex grows in relation to other flexes of the tab."> & DefineProp<"scrolling", OScrollOffsetTypes, false, null, "Sets a custom blueprint for the tab control."> & DefineProp<"blueprint", TabsBlueprint | BlueprintVariant, false, null, "Applies the blueprint to the component."> & DefineProp<"disableBlueprint", boolean, false, null, "Disables the blueprint and use properties instead."> & DefineProp<"position", "top" | "bottom", false, "top", "The position of the horizontal tab."> & DefineRef<{
     getTabs: () => Promise<HTMLElement>;
 }>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> & {
@@ -18,5 +18,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> &
     }> | ((ref: {
         getTabs: () => Promise<HTMLElement>;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "vertical" | "grow" | "blueprint" | "position" | "class" | "colors" | "toned" | "ref" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "scrolling" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "vertical" | "grow" | "blueprint" | "position" | "class" | "colors" | "toned" | "ref" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "scrolling" | "hideTabName" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.558-dev",
+  "version": "8.0.559-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.558-dev",
+    "@omnia/fx-models": "8.0.559-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",