@omnia/fx 8.0.341-dev → 8.0.343-dev

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

@@ -18,7 +18,6 @@ export * from "./enterpriseproperties";
 export * from "./errormessage";
 export * from "./features";
 export * from "./languagepicker";
-export * from "./letteravatar";
 export * from "./models";
 export * from "./multilingualinput";
 export * from "./permissioninput";

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

@@ -112,6 +112,7 @@ export declare namespace StyleFlow {
         gridTemplateColumns(gridTemplateColumns: string | number): import("./Styles.stylex").StylexValue;
         objectFit(objectFit: string): import("./Styles.stylex").StylexValue;
         hover: {
+            opacity: (opacity: string, important?: boolean) => import("./Styles.stylex").StylexValue;
             cursor: (cursor: string, important?: boolean) => import("./Styles.stylex").StylexValue;
             transform: (transform: string) => import("./Styles.stylex").StylexValue;
             background: (background: string) => import("./Styles.stylex").StylexValue;

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

@@ -102,6 +102,7 @@ export declare const cssRules: {
     gridTemplateColumns(gridTemplateColumns: string | number): StylexValue;
     objectFit(objectFit: string): StylexValue;
     hover: {
+        opacity: (opacity: string, important?: boolean) => StylexValue;
         cursor: (cursor: string, important?: boolean) => StylexValue;
         transform: (transform: string) => StylexValue;
         background: (background: string) => StylexValue;

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

@@ -1,5 +1,4 @@
 export declare const ColorPickerStyles: {
-    selector: (dark: boolean) => string;
     transparentBackground: string;
     separator: (dark: boolean) => string;
     sliderBackground: (backgroundColor: string) => string;

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

@@ -1,4 +1,3 @@
 export declare const ColorSchemaPickerStyles: {
     viewWrapper: string;
-    selector: (dark: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaPicker.d.ts

@@ -96,6 +96,9 @@ declare const _default: {
         enableDynamicColor: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
@@ -226,6 +229,9 @@ declare const _default: {
         enableDynamicColor: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
@@ -349,6 +355,9 @@ declare const _default: {
     enableDynamicColor: {
         type: import("vue").PropType<boolean>;
     };
+    toned: {
+        type: import("vue").PropType<boolean>;
+    };
     customSchema: {
         type: import("vue").PropType<boolean>;
     };
@@ -458,6 +467,7 @@ declare const _default: {
         themeDefinition?: ResolvedThemeDefinition;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: "background" | "primary" | "secondary" | "accent1" | ColorSchema | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | ColorSchemaTypes;
+        toned?: boolean;
         defaultColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         enableDynamicColor?: boolean;
         customSchema?: boolean;

package/internal-do-not-import-from-here/ux/aurora/components/input/InputStyleEditor.d.ts

@@ -10,5 +10,7 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     modelValue?: InputBlueprint;
 } & {
     themeType?: ThemeContextType;
+} & {
+    blueprintStrategy?: string;
 } & DefineEmit<"click:confirm", (value: TabsBlueprint) => void> & DefineEmit<"init:actionButtons", (value: () => VNodeChild) => void>>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/themepreview/ThemePreview.d.ts

@@ -0,0 +1,15 @@
+import { ThemeContextType, ResolvedThemeDefinition } from "@omnia/fx-models";
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    "emit:update:modelValue": (value: ResolvedThemeDefinition) => void;
+} & {
+    "v-model"?: ResolvedThemeDefinition;
+} & {
+    modelValue?: ResolvedThemeDefinition;
+} & {
+    themeType?: ThemeContextType;
+} & {
+    hideColorSchemas?: boolean;
+} & {
+    toned?: boolean;
+}>) => any;
+export default _default;

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

@@ -37,6 +37,7 @@ export declare const builtInDocumeantionAreas: {
     omfx: DocumentationArea;
     velcron: DocumentationArea;
     bestPractice: DocumentationArea;
+    theming: DocumentationArea;
 };
 export declare const builtInDocumentationCategories: {
     containment: DocumentationCategory;
@@ -66,6 +67,9 @@ export declare const frameworkDocumentationCategories: {
 export declare const bestPracticesCategories: {
     typescript: DocumentationCategory;
 };
+export declare const themingCategories: {
+    preview: DocumentationCategory;
+};
 export interface ComponentSpecRegistration {
     spec: DocumentationSpec;
     category: DocumentationCategory;
@@ -102,6 +106,7 @@ export declare class DocumentationSpec {
     private typeValueMapping;
     private exampleComponents;
     markdownSections: Array<MarkdownSection>;
+    customComponents: Array<string>;
     themingSupport: boolean;
     toneSupport: boolean;
     cssClassSupport: boolean;
@@ -128,6 +133,7 @@ export declare class DocumentationSpec {
     getTypeValueMapping(name: string): TypeValueMapping;
     getExampleComponents(): Array<ExampleComponentSpec | VelcronExampleDefinitionSpec>;
     addMarkdownSection(title: string, markdown: string): DocumentationSpec;
+    addCustomComponentRenderer(component: string): DocumentationSpec;
 }
 export declare class VelcronComponentSpec {
     private name;

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

@@ -1,2 +1,3 @@
 import "./bestpractices/index";
+import "./theming/index";
 export declare const allSpecs: import("./Docs").DocumentationSpec[];

package/internal-do-not-import-from-here/ux/docs/theming/components/index.md.d.ts

@@ -0,0 +1 @@
+export {};

package/internal-do-not-import-from-here/ux/docs/theming/index.d.ts

@@ -0,0 +1 @@
+export * from "./components/index.md";

package/internal-do-not-import-from-here/ux/enterpriseglossary/componentbase/EnterpriseGlossaryTermComponentBase.d.ts

@@ -40,5 +40,7 @@ declare const _default: (props: import("../..").ConstructComponentProps<{
     }[];
 } & {
     additionalMenus?: Menu[];
+} & {
+    closeable?: boolean;
 } & DefineEmit<"click:closeIcon", () => void>>) => any;
 export default _default;

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

@@ -1,22 +1,16 @@
 declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], {}, {}, {}, {}>;
+    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {}>, never>;
 };
 export default _default;

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

@@ -1,19 +1,5 @@
-import { VueComponentBase } from "@omnia/fx/ux";
-import { IWebComponentInstance } from "../..";
-import { ILetterAvatar } from "./ILetterAvatar";
-export declare class LetterAvatar extends VueComponentBase implements IWebComponentInstance, ILetterAvatar {
-    name: string;
-    size: number;
-    color: string;
-    private initals;
-    private backGroundColor;
-    static colors: string[];
-    private dataURI;
-    onNameUpdate(): void;
-    setBackgroundColor(): void;
-    mounted(): void;
-    getImageDataURI(): void;
-    getInitials(input: any): string;
-    startWithAlphanumeric(input: string): boolean;
-    render(): JSX.Element;
-}
+import { DefineProp } from "@omnia/fx/ux";
+import { OSizeTypes } from "@omnia/fx-models";
+type LetterAvatarProps = DefineProp<"name", string> & DefineProp<"size", OSizeTypes> & DefineProp<"color", string>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<LetterAvatarProps>) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/form/Form.d.ts

@@ -1,4 +1,4 @@
 import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
-type FormProps = DefinePropTheming & DefineProp<"class", String | String[]>;
+type FormProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null>;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<FormProps>) => any;
 export default _default;

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

@@ -0,0 +1,6 @@
+import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
+import { InputBlueprint } from "@omnia/fx/models";
+import { VNodeChild } from "vue";
+type PickerProps = DefinePropTheming & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null, "Sets the text of the component."> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"fullWidthSelection", boolean, false, null, "If the selected component takes over selection"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineSlot<"selectionRenderer", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<PickerProps>) => any;
+export default _default;

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

@@ -0,0 +1,13 @@
+import { OSelectTypes, TextBlueprint } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
+export declare const PickerStyles: {
+    textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
+    iconWrapper: string;
+    iconNotExpanded: string;
+    iconExpanded: string;
+    selectorBackground: string;
+    selectorWrapper: (colors: ReturnType<typeof useColorSchemaStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    overlay: (dark: boolean) => string;
+    componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    componentVariantWrapper: (colors: ReturnType<typeof useColorSchemaStore>, variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+};

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

@@ -0,0 +1,5 @@
+import { DefineEmit, DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+import { InputBlueprint } from "@omnia/fx/models";
+type PickerSelectionProps = DefinePropTheming & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"click:clear", () => void>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<PickerSelectionProps>) => any;
+export default _default;

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

@@ -0,0 +1 @@
+export declare const ExampleComponents: import("@omnia/fx/ux").DocumentationSpec;

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

@@ -0,0 +1,2 @@
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => any;
+export default _default;

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

@@ -0,0 +1 @@
+export declare const spec: import("@omnia/fx/ux").DocumentationSpec;

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

@@ -0,0 +1,3 @@
+export interface PickerSharedSettings {
+    showMenu: boolean;
+}

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

@@ -13,7 +13,7 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
 declare const defaultRules: ValidationRule[];
 type SlotsWithReturnObject<TItem> = DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild>;
 type SlotsWithoutReturnObject = DefineSlot<"chip", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild>;
-type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "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<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & 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<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
+type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, true, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "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<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & 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<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"toned", boolean> & DefineProp<"chips", boolean, false, false, "Puts input in readonly state."> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
 export type OSelectProps<TItem, TReturnObject extends boolean> = BaseProps<TItem, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
 declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: import("@omnia/fx/ux").ConstructComponentProps<OSelectProps<TItem, TReturnObject>>) => any;
 export default _default;

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

@@ -3,5 +3,5 @@ import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SelectStyles: {
     textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
-    componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    componentVariantWrapper: (colors: ReturnType<typeof useColorSchemaStore>, variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

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

@@ -67,6 +67,7 @@ import wc828a4c20542945858e792ec584148a5c from './ux/journey/JourneyMenu';
 import wcd91fa8e10e3b4350bb158f9cbeace0e8 from './ux/journey/SettingsJourneyMenu';
 import wc3392707566c844e39f57097aade4e81c from './ux/jsonexportimport/ExportImport';
 import wc20b4e8166fb44f2b8b240724eb5f2db2 from './ux/languagepicker/LanguagePicker';
+import wcfc7e793728e64099ab1b37b8f89e8693 from './ux/letteravatar/LetterAvatar';
 import wc6c2ac8bf4da44a2b8e544eaf5b42099f from './ux/limited-label/LimitedLabel';
 import wc9e7b4a48efba4dc390986eeb638b34cd from './ux/links/LinkPicker';
 import wc4892102894624a4ca84e67df764cbe93 from './ux/links/LinkRenderer';
@@ -293,6 +294,8 @@ import wc48b4d391d03f4a01a9485b845917d229 from './ux/oxide/navigationdrawer/Navi
 import wc16277e3059db453eb98ad6946d315c39 from './ux/oxide/notification/Notification';
 import wcecbd3b3dbc834cf0856597772da1320c from './ux/oxide/pagination/Pagination';
 import wc1d8d2a2328244f1eab96344841305976 from './ux/oxide/panel/Panel';
+import wc3857ab99b85e440e9b7f7f58994ef84d from './ux/oxide/picker/Picker';
+import wc6ccd40605ed148628cc8db37257ab282 from './ux/oxide/picker/PickerSelection';
 import wc247719ac6d3843ec889face452544a21 from './ux/oxide/progress/Progress';
 import wc48962186dfb94f37adc76f475b80015d from './ux/oxide/radio/RadioGroup';
 import wc2d9c50d3dcb1421cafb8eab80be243a1 from './ux/oxide/radio/Radio';
@@ -393,7 +396,8 @@ import wcfd6b575dc7c44149ac3129492fc83aa6 from './ux/aurora/components/tabs/TabB
 import wc287d666180644ba5ab5def0471a75a89 from './ux/aurora/components/textstylepicker/TextStylePicker';
 import wc252ece0016594978b3ddfafdd59adda4 from './ux/aurora/components/themepicker/ThemePicker';
 import wcb89e133162f54c1fb2cd6d03cc2e4fe2 from './ux/aurora/components/themepicker/ThemeEditor';
-import wc73e1c232690249f78967e3e3f6d92bd7 from './ux/aurora/components/themepicker/ThemeViewer';
+import wc73e1c232690249f78967e3e3f6d92bd7 from './ux/aurora/components/themepreview/ThemePreview';
+import wcc6eec07d48af435ab0c75195d9c7dcfc from './ux/aurora/components/themepreview/ComponentPreview';
 import wc54730f05dd2c4f2da1c830b3985b36a9 from './ux/aurora/components/typography/TypographyPicker';
 import wc99a73153b5c647da9d6de517f51e53f0 from './ux/aurora/components/typography/TypographyEditor';
 import wc2f742a14a560434abb899360a69c314b from './ux/aurora/components/typography/TypographyBlueprintsViewer';
@@ -1605,6 +1609,15 @@ declare global {
                 };
             } : typeof wc20b4e8166fb44f2b8b240724eb5f2db2;
         };
+        "letter": {
+            "avatar": typeof wcfc7e793728e64099ab1b37b8f89e8693 extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wcfc7e793728e64099ab1b37b8f89e8693;
+        };
         "limited": {
             "label": typeof wc6c2ac8bf4da44a2b8e544eaf5b42099f extends {
                 propsDefinition: infer TProp;
@@ -2775,6 +2788,15 @@ declare global {
                     };
                 } : typeof wc73e1c232690249f78967e3e3f6d92bd7;
             };
+            "component": {
+                "preview": typeof wcc6eec07d48af435ab0c75195d9c7dcfc extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wcc6eec07d48af435ab0c75195d9c7dcfc;
+            };
             "designer": {
                 "preview": typeof wc136c9c57149747f198180bdf38a6b297 extends {
                     propsDefinition: infer TProp;
@@ -5069,6 +5091,22 @@ declare global {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
         } : typeof wc1d8d2a2328244f1eab96344841305976;
+        "picker": {
+            "wrapper": typeof wc3857ab99b85e440e9b7f7f58994ef84d extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wc3857ab99b85e440e9b7f7f58994ef84d;
+            "selection": typeof wc6ccd40605ed148628cc8db37257ab282 extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wc6ccd40605ed148628cc8db37257ab282;
+        };
         "progress": typeof wc247719ac6d3843ec889face452544a21 extends {
             propsDefinition: infer TProp;
         } ? {

package/package.json

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

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

@@ -1,23 +0,0 @@
-import { TsxAllowUnknowProperties } from "..";
-export interface ILetterAvatarProperties {
-    name?: string;
-    size?: number;
-    color?: string;
-}
-/**Letter Avatar */
-export interface ILetterAvatar extends ILetterAvatarProperties {
-    [name: string]: any;
-}
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-letter-avatar": TsxAllowUnknowProperties<ILetterAvatar>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/letteravatar/LetterAvatar.css.d.ts

@@ -1 +0,0 @@
-export declare const letterAvatarWrapper: string;

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

@@ -1 +0,0 @@
-export * from "./ILetterAvatar";