@omnia/fx 8.0.398-dev → 8.0.400-dev

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

@@ -105,7 +105,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         small?: boolean;
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         toned?: boolean;
         parentContainer?: LayoutItem;

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

@@ -88,7 +88,7 @@ export declare const LayoutBlockRenderer: {
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         renderContext?: LayoutEngineRenderContext<Block, SectionSettings>;
     }>, "onBlockInstanceCreated" | "onGetBlock" | "onBlockInstanceCacheKeyUpdated"> & {

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

@@ -75,7 +75,7 @@ export declare const LayoutSectionRenderer: {
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         renderContext?: LayoutEngineRenderContext<Section<SectionSettings>, import("@omnia/fx-models").LayoutItemSettings>;
     }>, never>;

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

@@ -412,7 +412,7 @@ declare const _default: {
         blueprint?: TextBlueprint;
         container?: boolean;
         size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         plugins?: [object];
         hideToolbar?: boolean;
         modelValue?: string;

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

@@ -9,6 +9,8 @@ declare const _default: <T1 extends unknown, T2 extends unknown>(props: import("
     "v-model"?: MultilingualString;
 } & {
     modelValue?: MultilingualString;
+} & {
+    grid?: boolean;
 } & {
     label?: string;
 } & {
@@ -48,5 +50,5 @@ declare const _default: <T1 extends unknown, T2 extends unknown>(props: import("
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "filled" | "label" | "required" | "disabled" | "styles" | "modelValue" | "v-model" | "emit:update:modelValue" | "autofocus" | "multilingualContext" | "richTextSettings" | "multipleLines" | "validationOn"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "grid" | "filled" | "label" | "required" | "disabled" | "styles" | "modelValue" | "v-model" | "emit:update:modelValue" | "autofocus" | "multilingualContext" | "richTextSettings" | "multipleLines" | "validationOn"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -6,6 +6,8 @@ declare const _default: <T1 extends unknown, T2 extends unknown>(props: import("
     "v-model"?: MultiTextInputItem<T1>;
 } & {
     modelValue?: MultiTextInputItem<T1>;
+} & {
+    grid?: boolean;
 } & {
     mode?: "textarea" | "textfield";
 } & {
@@ -35,5 +37,5 @@ declare const _default: <T1 extends unknown, T2 extends unknown>(props: import("
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mode" | "label" | "disabled" | "modelValue" | "items" | "rules" | "v-model" | "emit:update:modelValue" | "autofocus" | "itemValue" | "defaultValueItem" | "hideEditGrid" | "selectionVisible" | "isAppendIcon" | "emit:selectItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mode" | "grid" | "label" | "disabled" | "modelValue" | "items" | "rules" | "v-model" | "emit:update:modelValue" | "autofocus" | "itemValue" | "defaultValueItem" | "hideEditGrid" | "selectionVisible" | "isAppendIcon" | "emit:selectItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts

@@ -1,5 +1,5 @@
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & {
     colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
 } & {

package/internal-do-not-import-from-here/ux/oxide/pagination/Pagination.d.ts

@@ -167,7 +167,7 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         disabled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         modelValue?: number;
         "onUpdate:modelValue"?: (value: number) => any | void;
         nextIcon?: string | FunctionalComponent<{}, {}, any, {}>;

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
-import { OPanelVariants, OBorderCombination, OPaddingCombination, TextStyleSize, TextStyleSizes } from "@omnia/fx/models";
+import { OPanelVariants, TextStyleSize, TextStyleSizes, Spacing, SpacingValue } from "@omnia/fx/models";
 export * from "./Panel.stylex";
-type PanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel."> & DefineProp<"titleSize", TextStyleSize | TextStyleSizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"variant", OPanelVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"hide", boolean, false, null, "Hides the panel. The panel can be toggled using this property with an animation on hide/show."> & DefineProp<"divider", OBorderCombination, false, null, "Applies dividers at the top/bottom/left/right to the panel. This Should be used to create distinct sections."> & DefineProp<"filled", boolean, false, null, "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited"> & DefineProp<"grouped", boolean, false, null, "Removes spacing at the bottom of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"toned", boolean, false, null> & DefineProp<"spacelessTop", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"spacelessBottom", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"padding", OPaddingCombination, false, null, "Ensures padding of the panel. Should be used for variants like dialog to ensure default padding. The padding depends of the panel variant">;
+type PanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel."> & DefineProp<"titleSize", TextStyleSize | TextStyleSizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"variant", OPanelVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"filled", boolean, false, null, "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited"> & DefineProp<"toned", boolean, false, null> & 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<PanelProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "padding" | "variant" | "filled" | "class" | "hide" | "colorSchemaType" | "colors" | "grouped" | "toned" | "titleSize" | "divider" | "spacelessTop" | "spacelessBottom"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "margin" | "padding" | "variant" | "filled" | "class" | "colorSchemaType" | "colors" | "toned" | "titleSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.stylex.d.ts

@@ -1,9 +1,5 @@
-import { ColorDefinition } from "../../velcron/core";
-import { OPanelVariants, OPaddingCombination } from "@omnia/fx-models";
+import { ColorDefinition } from "@omnia/fx-models";
 export declare const PanelStyles: {
-    tabSettingsPadding: Readonly<import("@omnia/fx/ux").StylexValue>;
-    dividerOnTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
-    panelHoverBackground: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
-    panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;
-    contentWrapper: (variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination, noContentPadding: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    wrapper: () => void;
+    panelHoverBackground: (color: ColorDefinition) => Readonly<import("../..").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/panel/docs/PanelVariants.d.ts

@@ -1,6 +0,0 @@
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
-export default _default;

package/internal-do-not-import-from-here/ux/oxide/panel/docs/SettingsPanel.d.ts

@@ -1,6 +0,0 @@
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
-export default _default;

package/internal-do-not-import-from-here/ux/oxide/panel/docs/ShowHide.d.ts

@@ -1,6 +0,0 @@
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
-export default _default;

package/internal-do-not-import-from-here/ux/oxide/panel/store/PanelStore.d.ts

@@ -0,0 +1,34 @@
+import { Spacing, SpacingValue, TextStyleSizes, TextStyleTypes } from "@omnia/fx-models";
+export declare const usePanelStore: () => {
+    get: {
+        typography: {
+            readonly type: TextStyleTypes;
+            readonly size: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+            readonly toned: boolean;
+        };
+        readonly margin: Spacing | SpacingValue;
+        readonly padding: Spacing | SpacingValue;
+    };
+    state: {
+        onClickEvent: any;
+        settings: {
+            variant: "tab" | "default" | "dialog" | "tab-vertical";
+            padding: SpacingValue | Spacing;
+            margin: SpacingValue | Spacing;
+            title: string;
+            titleSize: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+            toned: boolean;
+        };
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        initState: (onClickEvent: any) => void;
+    }>;
+    rules: {
+        readonly hasClickEvent: boolean;
+        title: {
+            readonly show: boolean;
+        };
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.d.ts

@@ -172,7 +172,7 @@ declare const _default: {
         class?: String | String[];
         label?: string;
         disabled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         modelValue?: any;
         readonly?: boolean;
         "onUpdate:modelValue"?: (value: any) => any | void;

package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.d.ts

@@ -233,7 +233,7 @@ declare const _default: {
         variant?: "default" | "prominent";
         class?: String | String[];
         label?: string;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         max?: string | number;
         modelValue?: [number, number];
         "onUpdate:modelValue"?: (value: [number, number]) => any | void;

package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts

@@ -19,5 +19,5 @@ declare const _default: <TItem extends readonly any[], TReturnObject extends boo
     "v-slots"?: (OSelectProps<TItem, TReturnObject> extends infer T_3 ? { [K_3 in keyof T_3 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: OSelectProps<TItem, TReturnObject>[K_3]; } : never) & Omit<{
         default?: import("vue").Slot;
     }, keyof (OSelectProps<TItem, TReturnObject> extends infer T_4 ? { [K_3 in keyof T_4 as K_3 extends `slot:${infer N_1}` ? N_1 : never]: OSelectProps<TItem, TReturnObject>[K_3]; } : never)>;
-} & (OSelectProps<TItem, TReturnObject> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<OSelectProps<TItem, TReturnObject>[K_4], OSelectProps<TItem, TReturnObject>[K_4]> | ((ref: OSelectProps<TItem, TReturnObject>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "maxHeight" | "variant" | "error" | "class" | "label" | "multiple" | "disabled" | "colorSchemaType" | "modelValue" | "items" | "itemHeight" | "loading" | "readonly" | "errorMessages" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "itemValue" | "searchable" | "slot:append-inner" | "slot:prepend-inner" | "emit:update:focused" | "emit:click:button" | "clearable" | "hideSelected" | "itemTitle" | "returnObject" | "chips" | "hideNoData" | "menuIcon" | "multiSelectionStyle" | "emit:update:search" | "slot:append-item" | keyof (TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject)> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & (OSelectProps<TItem, TReturnObject> extends infer T_5 ? { [K_4 in keyof T_5 as K_4 extends "ref" ? "ref" : never]: import("vue").Ref<OSelectProps<TItem, TReturnObject>[K_4], OSelectProps<TItem, TReturnObject>[K_4]> | ((ref: OSelectProps<TItem, TReturnObject>[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "blueprint" | "maxHeight" | "error" | "variant" | "class" | "label" | "multiple" | "disabled" | "colorSchemaType" | "modelValue" | "items" | "itemHeight" | "loading" | "readonly" | "errorMessages" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "itemValue" | "searchable" | "slot:append-inner" | "slot:prepend-inner" | "emit:update:focused" | "emit:click:button" | "clearable" | "hideSelected" | "itemTitle" | "returnObject" | "chips" | "hideNoData" | "menuIcon" | "multiSelectionStyle" | "emit:update:search" | "slot:append-item" | keyof (TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject)> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts

@@ -2,15 +2,16 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, ItemValueType }
 import { VNodeChild } from "vue";
 import { OMultiSelectionStyles } from "@omnia/fx-models";
 type SelectionVariants = "remove" | "settings";
-type BaseProps = DefinePropTheming & DefineProp<"items", any[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemTitle", ItemValueType<any>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineSlot<"item", (item: any, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"addItem", () => true>;
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
+type BaseProps<TItem> = DefinePropTheming & DefineProp<"items", TItem[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemValue", ItemValueType<TItem>, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemTitle", ItemValueType<TItem>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineSlot<"item", (item: TItem, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"sort:update", (items: TItem[]) => true> & DefineEmit<"addItem", () => true>;
+declare const _default: <TItem extends unknown>(props: import("@omnia/fx/ux").ExtractProps<BaseProps<TItem>> & {
     onSelectItem?: (index: any) => any;
     onAddItem?: () => any;
+    "onSort:update"?: (items: TItem[]) => any;
 } & {
     "v-slots"?: {
-        item?: (item: any, index: Number) => VNodeChild;
+        item?: (item: TItem, index: Number) => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
     }, "item">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "colorSchemaType" | "items" | "colors" | "toned" | "slot:item" | "itemTitle" | "itemIcon" | "emit:selectItem" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "colorSchemaType" | "items" | "colors" | "toned" | "itemValue" | "slot:item" | "itemTitle" | "itemIcon" | "emit:selectItem" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:sort:update" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & {
     colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
 } & {

package/internal-do-not-import-from-here/ux/oxide/switch/Switch.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp, DefinePropTheming, DefineVModel, ValidationRule } from "@omnia/fx/ux";
-type SwtichProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T, false, null, true, "The v-model of the component"> & DefineProp<"label", string, false, null, "The label of the component"> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"hint", string, false, "", "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"persistentHint", boolean, false, false, "Forces the hint to always be visible"> & DefineProp<"hideDetails", boolean, false, false, "Hides hint and validation errors"> & DefineProp<"trueValue", boolean | string, false, true, "Sets value for truthy state."> & DefineProp<"falseValue", boolean | string, false, false, "Sets value for falsy state.">;
+type SwtichProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T, false, null, true, "The v-model of the component"> & DefineProp<"label", string, false, null, "The label of the component"> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"hint", string, false, "", "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"persistentHint", boolean, false, false, "Forces the hint to always be visible"> & DefineProp<"hideDetails", boolean, false, false, "Hides hint and validation errors"> & DefineProp<"revert", boolean, false, false, "Shows the switch inverted"> & DefineProp<"trueValue", boolean | string, false, true, "Sets value for truthy state."> & DefineProp<"falseValue", boolean | string, false, false, "Sets value for falsy state.">;
 declare const _default: <T extends string | boolean>(props: import("@omnia/fx/ux").ExtractProps<SwtichProps<T>> & {
     "onUpdate:modelValue"?: (value: T) => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "class" | "label" | "disabled" | "colorSchemaType" | "modelValue" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "emit:update:modelValue" | "trueValue" | "falseValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "class" | "label" | "disabled" | "revert" | "colorSchemaType" | "modelValue" | "rules" | "hideDetails" | "hint" | "persistentHint" | "colors" | "v-model" | "emit:update:modelValue" | "trueValue" | "falseValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/treeview/OTreeViewV3.d.ts

@@ -10,7 +10,7 @@ type TreewViewItemSlot<T> = {
     item: T;
 };
 declare const _default: <T extends Object>(props: import("@omnia/fx/ux").ExtractProps<{
-    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & {
     colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
 } & {

package/internal-do-not-import-from-here/ux/oxide/treeview/Treeview.d.ts

@@ -11,7 +11,7 @@ export interface TreeViewPagingModel {
     endPagingIndex: number;
 }
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+    colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & {
     colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
 } & {

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

@@ -78,7 +78,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         text?: string;
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         renderingMode?: BlockRenderingModes;
     }>, never>;

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

@@ -129,7 +129,7 @@ declare const _default: {
         roles: guid[];
     } & {
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot;
         } & SecurityTrimmerSlots;

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPicker.d.ts

@@ -457,7 +457,7 @@ declare const _default: {
         icon?: IIcon;
         container?: boolean;
         variant?: Variant;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         modelValue?: boolean;
         "v-slots"?: {
             default?: import("../../../DefineVueTypings").Slot;

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPreview.d.ts

@@ -370,7 +370,7 @@ declare const _default: {
             }>;
         };
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         modelValue?: VelcronDefinitionRegistration<object>;
         "onUpdate:modelValue"?: (value: VelcronDefinitionRegistration<object>) => any | void;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -135,7 +135,7 @@ declare const _default: {
     } & {
         container?: boolean;
         active?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes;
+        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         themeDefinition?: ResolvedThemeDefinition;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         context?: VelcronRenderContext;

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

@@ -230,6 +230,7 @@ import wc1f31fc580b854d19895c1879120a9891 from './ux/docs/chrome/DocsChrome';
 import wc710dc11b823c4a80b2a031395c206325 from './ux/editorchrome/chrome/EditorChrome';
 import wc72a828731c4e4f1e9753a6a6bfb31e67 from './ux/enterpriseglossary/componentbase/EnterpriseGlossaryTermComponentBase';
 import wcb94ea0908c7f461085de9d21a61e0826 from './ux/enterpriseproperties/picker/EnterprisePropertyPicker';
+import wcf9e8399c0dc74b0db8e722a0bfa17e74 from './ux/enterpriseproperties/picker/EnterprisePropertyListingPicker';
 import wc80899927961f45298421948c395d7f39 from './ux/enterpriseproperties/renderers/EnterprisePropertyRenderer';
 import wc22666b255eb64f378edf70d5e9859216 from './ux/enterpriseproperties/renderers/EnterprisePropertyConfiguration';
 import wc2bfe7d758b5b405d96018f930505c918 from './ux/enterpriseproperties/settingpicker/EnterprisePropertySettingPicker';
@@ -394,6 +395,7 @@ import wc7222a47525f54724a8e9f7f2cfc39354 from './ux/aurora/components/buttonsty
 import wc81ff82944f2542b3afec55c5dba22f36 from './ux/aurora/components/chromepicker/ChromePicker';
 import wc638cfe124ab24d0ebd0711c0bd844af6 from './ux/aurora/components/colorpickerV2/ColorPicker';
 import wcc09455784a27401697cfa621eefeb52f from './ux/aurora/components/colorpickerV2/ColorPreview';
+import wc711431cdf6db4e59b24da83e9017939c from './ux/aurora/components/colorpickerV2/DynamicColorIndicator';
 import wc1266389c28034034921b897f788f302d from './ux/aurora/components/colorschemapicker/ColorSchemaPicker';
 import wc9ed2b61fad8a43f384efef4a5dcbd184 from './ux/aurora/components/colorschemapicker/ColorSchemaDefinitionPicker';
 import wc3779d0b63f54436eb25942b0c2487a2c from './ux/aurora/components/colorschemapicker/ColorSchemaViewer';
@@ -1011,6 +1013,15 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wc60feadd89e4d4c2eb095cee9f104ee96;
+            "color": {
+                "indicator": typeof wc711431cdf6db4e59b24da83e9017939c extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc711431cdf6db4e59b24da83e9017939c;
+            };
         };
         "enterpriseglossary": {
             "picker": typeof wc41a6d1b1b02e4b368aac19ded6b391a1 extends {
@@ -3052,6 +3063,15 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wcb94ea0908c7f461085de9d21a61e0826;
+            "list": {
+                "picker": typeof wcf9e8399c0dc74b0db8e722a0bfa17e74 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wcf9e8399c0dc74b0db8e722a0bfa17e74;
+            };
             "setting": {
                 "picker": typeof wc2bfe7d758b5b405d96018f930505c918 extends {
                     propsDefinition: infer TProp;

package/package.json

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