@omnia/fx 8.0.393-dev → 8.0.395-dev

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

@@ -9,6 +9,18 @@ declare const _default: {
         "v-slots": import("vue").Prop<{
             default?: import("../DefineVueTypings").Slot;
         } & LanguageSlots>;
+        excludeCountry: {
+            type: import("vue").PropType<boolean>;
+        };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+        };
+        multiSelectionStyle: {
+            type: import("vue").PropType<"default" | "list" | "chips">;
+        };
+        defaultLanguage: {
+            type: import("vue").PropType<Language>;
+        };
         styles: {
             type: import("vue").PropType<{
                 wrapper?: import("typestyle/lib/types").NestedCSSProperties;
@@ -42,67 +54,67 @@ declare const _default: {
             type: import("vue").PropType<"button" | "dropdown" | "journey">;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: Language) => any | void>;
+            type: import("vue").PropType<(value: Language | Language[]) => any | void>;
         };
         "v-model": {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: Language) => any | void>;
+            type: import("vue").PropType<(value: Language | Language[]) => any | void>;
         }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         }; } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, Language, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: Language): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, Language, {
+            defaultValue(value?: Language | Language[]): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, Language, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }>;
@@ -122,6 +134,18 @@ declare const _default: {
         "v-slots": import("vue").Prop<{
             default?: import("../DefineVueTypings").Slot;
         } & LanguageSlots>;
+        excludeCountry: {
+            type: import("vue").PropType<boolean>;
+        };
+        multiple: {
+            type: import("vue").PropType<boolean>;
+        };
+        multiSelectionStyle: {
+            type: import("vue").PropType<"default" | "list" | "chips">;
+        };
+        defaultLanguage: {
+            type: import("vue").PropType<Language>;
+        };
         styles: {
             type: import("vue").PropType<{
                 wrapper?: import("typestyle/lib/types").NestedCSSProperties;
@@ -155,67 +179,67 @@ declare const _default: {
             type: import("vue").PropType<"button" | "dropdown" | "journey">;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: Language) => any | void>;
+            type: import("vue").PropType<(value: Language | Language[]) => any | void>;
         };
         "v-model": {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: Language) => any | void>;
+            type: import("vue").PropType<(value: Language | Language[]) => any | void>;
         }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<Language>;
+            type: import("vue").PropType<Language | Language[]>;
             required: false;
         }; } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, Language, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<TName, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: Language): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, Language, {
+            defaultValue(value?: Language | Language[]): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, Language, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }>;
@@ -230,6 +254,18 @@ declare const _default: {
     "v-slots": import("vue").Prop<{
         default?: import("../DefineVueTypings").Slot;
     } & LanguageSlots>;
+    excludeCountry: {
+        type: import("vue").PropType<boolean>;
+    };
+    multiple: {
+        type: import("vue").PropType<boolean>;
+    };
+    multiSelectionStyle: {
+        type: import("vue").PropType<"default" | "list" | "chips">;
+    };
+    defaultLanguage: {
+        type: import("vue").PropType<Language>;
+    };
     styles: {
         type: import("vue").PropType<{
             wrapper?: import("typestyle/lib/types").NestedCSSProperties;
@@ -263,67 +299,67 @@ declare const _default: {
         type: import("vue").PropType<"button" | "dropdown" | "journey">;
     };
     "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: Language) => any | void>;
+        type: import("vue").PropType<(value: Language | Language[]) => any | void>;
     };
     "v-model": {
-        type: import("vue").PropType<Language>;
+        type: import("vue").PropType<Language | Language[]>;
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<Language>;
+        type: import("vue").PropType<Language | Language[]>;
         required: false;
     };
     name: <TName extends string>(n?: TName) => { [key in import("../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-        type: import("vue").PropType<(value: Language) => any | void>;
+        type: import("vue").PropType<(value: Language | Language[]) => any | void>;
     }; } & { [key_1 in import("../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-        type: import("vue").PropType<Language>;
+        type: import("vue").PropType<Language | Language[]>;
         required: false;
     }; } & { [key_2 in import("../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-        type: import("vue").PropType<Language>;
+        type: import("vue").PropType<Language | Language[]>;
         required: false;
     }; } & {
-        require(): import("../DefineVueTypings").DefinePropModelRequire<TName, Language, {
+        require(): import("../DefineVueTypings").DefinePropModelRequire<TName, Language | Language[], {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: Language) => any | void>;
+                type: import("vue").PropType<(value: Language | Language[]) => any | void>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         }>;
-        defaultValue(value?: Language): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, Language, {
+        defaultValue(value?: Language | Language[]): import("../DefineVueTypings").DefinePropModelDefaultValue<TName, Language | Language[], {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: Language) => any | void>;
+                type: import("vue").PropType<(value: Language | Language[]) => any | void>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         }, false>;
-        doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, Language, {
+        doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<TName, Language | Language[], {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: Language) => any | void>;
+                type: import("vue").PropType<(value: Language | Language[]) => any | void>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         }>;
@@ -336,61 +372,61 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
-                type: import("vue").PropType<(value: Language) => any | void>;
+                type: import("vue").PropType<(value: Language | Language[]) => any | void>;
             };
         } & {
             [x: `v-model:${string}`]: {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         } & {
             [x: string]: {
-                type: import("vue").PropType<Language>;
+                type: import("vue").PropType<Language | Language[]>;
                 required: false;
             };
         } & {
-            require(): import("../DefineVueTypings").DefinePropModelRequire<string, Language, {
+            require(): import("../DefineVueTypings").DefinePropModelRequire<string, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }>;
-            defaultValue(value?: Language): import("../DefineVueTypings").DefinePropModelDefaultValue<string, Language, {
+            defaultValue(value?: Language | Language[]): import("../DefineVueTypings").DefinePropModelDefaultValue<string, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<string, Language, {
+            doc$(description?: string): import("../DefineVueTypings").DefinePropModelDoc<string, Language | Language[], {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: Language) => any | void>;
+                    type: import("vue").PropType<(value: Language | Language[]) => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<Language>;
+                    type: import("vue").PropType<Language | Language[]>;
                     required: false;
                 };
             }>;
@@ -398,21 +434,25 @@ declare const _default: {
         variant?: "button" | "dropdown" | "journey";
         label?: string;
         required?: boolean;
+        multiple?: boolean;
         disabled?: boolean;
         styles?: {
             wrapper?: import("typestyle/lib/types").NestedCSSProperties;
         };
-        modelValue?: Language;
+        modelValue?: Language | Language[];
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot;
         } & LanguageSlots;
-        "onUpdate:modelValue"?: (value: Language) => any | void;
-        "v-model"?: Language;
+        "onUpdate:modelValue"?: (value: Language | Language[]) => any | void;
+        "v-model"?: Language | Language[];
         clearable?: boolean;
+        multiSelectionStyle?: "default" | "list" | "chips";
         hideDisplayFlag?: boolean;
         hideDisplayName?: boolean;
         loadLanguage?: () => Promise<Array<Language>>;
+        excludeCountry?: boolean;
         enableContextSettings?: boolean;
+        defaultLanguage?: Language;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: Language) => any;
     };

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

@@ -84,9 +84,9 @@ declare const _default: {
         label?: string;
         itemRenderer?: SectionItemRenderer;
         addLabel?: string;
-    }>, "onDeleteItem" | "onAddItem"> & {
-        onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
+    }>, "onAddItem" | "onDeleteItem"> & {
         onAddItem?: (e: Event) => any;
+        onDeleteItem?: (e: Event, sectionItem: SectionItem<SectionItemSettings>) => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/mediapickerV2/mediaprovider/MediaProvider.d.ts

@@ -137,7 +137,7 @@ declare const _default: <TType extends MediaProviderTypes>(props: ExtractProps<{
     welcomeMessage?: boolean;
 } & {
     infiniteScroll?: boolean;
-} & DefineSlot<"search", () => VNodeChild, "Slot for custom search field."> & DefineSlot<"provider", () => VNodeChild, "The handle for providers including the logic for searching, selecting media, scaling image."> & DefineSlot<"filter", () => VNodeChild, "Slot for custom filter field.">)[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "slot:filter" | "searchable" | "slot:search" | "welcomeMessage" | "infiniteScroll" | "slot:provider" | keyof (TType extends "image" ? {
+} & DefineSlot<"search", () => VNodeChild, "Slot for custom search field."> & DefineSlot<"provider", () => VNodeChild, "The handle for providers including the logic for searching, selecting media, scaling image."> & DefineSlot<"filter", () => VNodeChild, "Slot for custom filter field.">)[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "searchable" | "slot:filter" | "slot:search" | "welcomeMessage" | "infiniteScroll" | "slot:provider" | keyof (TType extends "image" ? {
     handler: IMediaPickerProviderHandler;
 } : {})> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -24,6 +24,20 @@ export interface IDataTableRow<T = any> {
     index: number;
     Row: RowElement;
     Cell: CellElement;
+    isExpanded: (item: {
+        value: T;
+    }) => boolean;
+    toggleExpand: (item: {
+        value: T;
+    }) => void;
+    isSelected: (items: {
+        value: T;
+        selectable: boolean;
+    }) => boolean;
+    toggleSelect: (item: {
+        value: T;
+        selectable: boolean;
+    }) => void;
 }
 type CellElement = (props: ConstructComponentProps<Pick<TdHTMLAttributes, "colspan" | "rowspan" | "headers">>) => any;
 type RowElement = (props: ConstructComponentProps<PublicDataTableRowProps>) => any;

package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.d.ts

@@ -17,5 +17,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "item" | "menuItem">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "slot:item" | "gapX" | "emit:click:item" | "emit:valueChanged" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "gapX" | "slot:item" | "emit:click:item" | "emit:valueChanged" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/colorpicker/ColorPicker.d.ts

@@ -6,7 +6,7 @@ export declare enum ColorType {
     CorporateColor = 3,
     CustomColor = 4
 }
-type ColorPickerVariant = "default" | "blade" | "virtual-list";
+type ColorPickerVariant = "default" | "journey" | "inline";
 type ColorPickerProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", string, false, null, false, "The v-model of the component."> & DefineProp<"variant", ColorPickerVariant, false, null, "The variant of the color picker."> & DefineProp<"label", string, false, null, "Specifies the label to display on the component."> & DefineProp<"labelColor", string, false, null, "Specifies the color of the label."> & DefineProp<"selectedColorAsLabel", boolean, false, false, "Displays the selected color on the label."> & DefineProp<"show", boolean, false, false, "Control show/hide of the color picker."> & DefineProp<"disabled", boolean, false, false, "Removed the ability to interact with the component."> & DefineSlot<"activator", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ColorPickerProps> & {
     "onUpdate:modelValue"?: (value: string) => any;

package/internal-do-not-import-from-here/ux/oxide/datatable/CellRenderer.d.ts

@@ -1,10 +1,12 @@
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     columnName?: string;
+} & {
+    mobileVariant?: "card" | "one-column";
 } & {
     colspan?: number;
 }> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "columnName" | "colspan"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mobileVariant" | "columnName" | "colspan"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts

@@ -5,7 +5,7 @@ export type DataTableOptions = {
     itemsPerPage: number;
     sortBy: SortItem[];
 };
-export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, true, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, true, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"searchBy", (keyof T)[] | ((item: T) => string[]), false, null, "Property on supplied items that contains its value to search."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, true, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<"top", () => VNodeChild> & DefineSlot<"expanded-row", (e: {
+export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, true, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, true, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"mobileColumn", number, false, 1, "Specific a column to render in mobile view."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"searchBy", (keyof T)[] | ((item: T) => string[]), false, null, "Property on supplied items that contains its value to search."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, true, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<"top", () => VNodeChild> & DefineSlot<"expanded-row", (e: {
     item: T;
 }) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
     item: T;
@@ -27,7 +27,7 @@ declare const _default: <TItem extends unknown, TVariant extends "default" | "cl
     "v-slots"?: (DataTableProps<TItem, TVariant> extends infer T_3 ? { [K_3 in keyof T_3 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: DataTableProps<TItem, TVariant>[K_3]; } : never) & Omit<{
         default?: import("vue").Slot;
     }, keyof (DataTableProps<TItem, TVariant> extends infer T_4 ? { [K_3 in keyof T_4 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: DataTableProps<TItem, TVariant>[K_3]; } : never)>;
-} & (DataTableProps<TItem, TVariant> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<DataTableProps<TItem, TVariant>[K_4], DataTableProps<TItem, TVariant>[K_4]> | ((ref: DataTableProps<TItem, TVariant>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "search" | "height" | "variant" | "drag" | "class" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "loading" | "hover" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "sortBy" | "emit:update:sortBy" | "v-model:sortBy" | "mustSort" | "showSelect" | "itemSelectable" | "noDataText" | "searchBy" | "showExpand" | "emit:update:items" | "v-model:items" | "emit:update:options" | "emit:update:page" | "emit:update:itemsPerPage" | "emit:click:loadMore" | "slot:row" | "slot:top" | "slot:expanded-row" | `slot:header.${string}` | `slot:item.${string}` | keyof (TVariant extends "client-pagination-scroll" ? {
+} & (DataTableProps<TItem, TVariant> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<DataTableProps<TItem, TVariant>[K_4], DataTableProps<TItem, TVariant>[K_4]> | ((ref: DataTableProps<TItem, TVariant>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "search" | "height" | "variant" | "drag" | "class" | "expanded" | "colorSchemaType" | "modelValue" | "items" | "loading" | "hover" | "mobileColumn" | "colors" | "v-model" | "emit:update:modelValue" | "itemValue" | "emit:update:expanded" | "v-model:expanded" | "sortBy" | "emit:update:sortBy" | "v-model:sortBy" | "mustSort" | "showSelect" | "itemSelectable" | "noDataText" | "searchBy" | "showExpand" | "emit:update:items" | "v-model:items" | "emit:update:options" | "emit:update:page" | "emit:update:itemsPerPage" | "emit:click:loadMore" | "slot:row" | "slot:top" | "slot:expanded-row" | `slot:header.${string}` | `slot:item.${string}` | keyof (TVariant extends "client-pagination-scroll" ? {
     itemHeight?: string | number;
 } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps<TItem_1> : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? ServerPaginationScrollProps<TItem> : DefaultProps)> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/datatable/RowRenderer.d.ts

@@ -10,6 +10,10 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     icon?: IIcon;
 } & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"update:mouseOver", () => void, "Emits when moving the mouse pointer onto a row."> & DefineEmit<"update:mouseOut", () => void, "Emits when moving the mouse pointer out of a row."> & DefineEmit<"click:navigation", (e: MouseEvent) => void> & {
     drag?: boolean;
+} & {
+    mobileVariant?: "card" | "one-column";
+} & {
+    mobileColumn?: number;
 } & {
     visibleActionColumn?: boolean;
 } & {
@@ -26,5 +30,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "visibleActionColumn" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "mobileVariant" | "mobileColumn" | "visibleActionColumn" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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, "Toned color picker."> & 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<"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<"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<"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<"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/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -7,7 +7,7 @@ type ListItemSlot = {
     isIndeterminate: boolean;
     select: (value: boolean) => void;
 };
-export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"expandableHeight", boolean, false, false, "Makes the height expand if needed. Default it is fixed"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
+export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"divider", boolean, false, false, "Adds a divider after the item"> & DefineProp<"expandableHeight", boolean, false, false, "Makes the height expand if needed. Default it is fixed"> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"selected", boolean, null, null, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"isDragMode", boolean, false, false, ""> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
     title: string | number | VNodeChild;
 }) => VNodeChild, "Slot for the component’s title content."> & DefineSlot<"subtitle", (value: {
     subtitle: string | number;
@@ -31,5 +31,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<OListItemPro
     } & Omit<{
         default?: import("vue").Slot;
     }, "title" | "default" | "append" | "prepend" | "subtitle">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:title" | "slot:append" | "slot:prepend" | "subtitle" | "expandableHeight" | "selected" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "active" | "class" | "disabled" | "colorSchemaType" | "colors" | "divider" | "slot:append" | "slot:prepend" | "slot:title" | "subtitle" | "expandableHeight" | "selected" | "isDragMode" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/picker/Picker.d.ts

@@ -16,5 +16,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps>
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions" | "activator" | "selectedItemRenderer">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "actions" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "actions" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "searchable" | "emit:search" | "getApi" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;