@omnia/fx 8.0.342-dev → 8.0.344-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/admin/system/submenu/seo/loc/localize.d.ts

@@ -8,6 +8,7 @@ export declare namespace OmniaSEOManagerLocalize {
             SnapshotDuration: string;
             LastCrawlAt: string;
             Path: string;
+            Size: string;
         };
         ReCrawl: string;
         TriggerCrawlSuccess: string;

package/internal-do-not-import-from-here/ux/admin/system/submenu/seo/services/SeoService.d.ts

@@ -4,5 +4,5 @@ import { SeoBasicInfo, SeoDetail } from "@omnia/fx/ux";
 export declare function useSeoService(): {
     fetchAll: (itemQuery: ItemQuery) => Promise<ItemQueryResult<SeoBasicInfo>>;
     getNewSnapShot: (path: string) => Promise<void>;
-    getDetail: (path: string) => Promise<ApiResponse<SeoDetail>>;
+    getDetail: (path: string) => Promise<ApiResponse<SeoDetail[]>>;
 };

package/internal-do-not-import-from-here/ux/admin/system/submenu/seo/store/SeoManagerStore.d.ts

@@ -8,7 +8,7 @@ export declare const useSEOManager: () => {
     get: {
         readonly snapshotInfos: SeoBasicInfo[];
         readonly snapshotInfo: SeoBasicInfo;
-        readonly snapshotDetail: SeoDetail;
+        readonly snapshotDetail: SeoDetail[];
         readonly dateFormat: string;
         readonly regionalSettings: TenantRegionalSettings;
         readonly itemLimit: number;
@@ -25,7 +25,7 @@ export declare const useSEOManager: () => {
          * Trigger omnia to try to get new snapshot of this page
          */
         forceGetNewSnapshot(snapshotInfo: SeoBasicInfo): Promise<void>;
-        getSeoDetailAsync(path: string): Promise<SeoDetail>;
+        getSeoDetailAsync(path: string): Promise<SeoDetail[]>;
         ensureLoadSnapshotDetail(): Promise<void>;
     }>;
 } & {

package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/ButtonStylePicker.d.ts

@@ -7,6 +7,10 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     modelValue?: ButtonBlueprint | ButtonBlueprintVariant;
 } & {
     label?: string;
+} & {
+    placeholder?: string;
+} & {
+    toned?: boolean;
 } & {
     customStyling?: boolean;
 } & {

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

@@ -15,6 +15,9 @@ declare const _default: {
         title: {
             type: import("vue").PropType<string>;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -96,6 +99,9 @@ declare const _default: {
         enableDynamicColor: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
@@ -145,6 +151,9 @@ declare const _default: {
         title: {
             type: import("vue").PropType<string>;
         };
+        placeholder: {
+            type: import("vue").PropType<string>;
+        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -226,6 +235,9 @@ declare const _default: {
         enableDynamicColor: {
             type: import("vue").PropType<boolean>;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+        };
         customSchema: {
             type: import("vue").PropType<boolean>;
         };
@@ -268,6 +280,9 @@ declare const _default: {
     title: {
         type: import("vue").PropType<string>;
     };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
     label: {
         type: import("vue").PropType<string>;
     };
@@ -349,6 +364,9 @@ declare const _default: {
     enableDynamicColor: {
         type: import("vue").PropType<boolean>;
     };
+    toned: {
+        type: import("vue").PropType<boolean>;
+    };
     customSchema: {
         type: import("vue").PropType<boolean>;
     };
@@ -458,6 +476,8 @@ 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;
+        placeholder?: string;
         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/colorschemapicker/ColorSchemaViewer.d.ts

@@ -1,5 +1,5 @@
 import { ColorSchema } from "@omnia/fx-models";
-type Variant = "default" | "toolbar" | "palette" | "card-preview" | "button";
+type Variant = "default" | "toolbar" | "palette" | "card-preview" | "button" | "swatch";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         class: {

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

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

package/internal-do-not-import-from-here/ux/aurora/components/themepreview/ComponentPreview_bak.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/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/aurora/components/typography/TypographyPicker.css.d.ts

@@ -1,5 +1,4 @@
 export declare const TypographyPickerStyles: {
-    selector: (dark: boolean) => string;
     container: string;
     colorPreview: (color: string, border?: string) => string;
     lastElement: string;

package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyPicker.d.ts

@@ -20,6 +20,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     toned?: boolean;
 } & {
     label?: string;
+} & {
+    placeholder?: string;
 } & {
     sampleText?: string;
 } & DefineSlot<"activator", () => VNode>>) => any;

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

@@ -37,6 +37,8 @@ export declare const builtInDocumeantionAreas: {
     omfx: DocumentationArea;
     velcron: DocumentationArea;
     bestPractice: DocumentationArea;
+    theming: DocumentationArea;
+    patterns: DocumentationArea;
 };
 export declare const builtInDocumentationCategories: {
     containment: DocumentationCategory;
@@ -66,6 +68,13 @@ export declare const frameworkDocumentationCategories: {
 export declare const bestPracticesCategories: {
     typescript: DocumentationCategory;
 };
+export declare const themingCategories: {
+    preview: DocumentationCategory;
+};
+export declare const designPatternCategories: {
+    blades: DocumentationCategory;
+    selection: DocumentationCategory;
+};
 export interface ComponentSpecRegistration {
     spec: DocumentationSpec;
     category: DocumentationCategory;
@@ -102,6 +111,7 @@ export declare class DocumentationSpec {
     private typeValueMapping;
     private exampleComponents;
     markdownSections: Array<MarkdownSection>;
+    customComponents: Array<string>;
     themingSupport: boolean;
     toneSupport: boolean;
     cssClassSupport: boolean;
@@ -128,6 +138,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/designpatterns/PatternDesicriptions.d.ts

@@ -0,0 +1,3 @@
+export declare const patterns: {
+    selectionWithBlade: import("@omnia/fx/ux").DocumentationSpec;
+};

package/internal-do-not-import-from-here/ux/docs/designpatterns/SelectionWithBlades.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/docs/designpatterns/index.d.ts

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

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/identities/IdentityRenderer.d.ts

@@ -9,6 +9,7 @@ export declare const identityRendererStyles: {
         };
     };
     smallPresenceStatus: {
+        width: string;
         $nest: {
             ".v-badge__badge": {
                 padding: string;
@@ -72,6 +73,7 @@ declare const _default: {
                     };
                 };
                 smallPresenceStatus: {
+                    width: string;
                     $nest: {
                         ".v-badge__badge": {
                             padding: string;
@@ -161,6 +163,7 @@ declare const _default: {
                     };
                 };
                 smallPresenceStatus: {
+                    width: string;
                     $nest: {
                         ".v-badge__badge": {
                             padding: string;
@@ -247,6 +250,7 @@ declare const _default: {
                 };
             };
             smallPresenceStatus: {
+                width: string;
                 $nest: {
                     ".v-badge__badge": {
                         padding: string;
@@ -294,6 +298,7 @@ declare const _default: {
                 };
             };
             smallPresenceStatus: {
+                width: string;
                 $nest: {
                     ".v-badge__badge": {
                         padding: string;

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/models/SeoInfo.d.ts

@@ -13,6 +13,7 @@ export interface SeoSnapShotInfo {
 }
 export interface SeoDetail {
     path: string;
+    size: number;
     metadata: SeoMetadata;
     crawlServices: Record<string, number>;
     thumbnail: string;

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> & DefineProp<"toned", boolean, 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

@@ -1,8 +1,7 @@
 import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { InputBlueprint } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
-export interface RadioGroupModel {
-}
-type PickerProps = DefinePropTheming & DefineVModel<"", boolean, false, null, true, "The v-model of the component. True if it has selection otherwise false"> & 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<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineSlot<"selectionRenderer", () => VNodeChild>;
+type PickerVariant = "dialog" | "picker";
+type PickerProps = DefinePropTheming & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant> & 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<"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

@@ -3,6 +3,8 @@ 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;

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<"grid", boolean, false, null, "Sets the component to disabled"> & 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/models/SharedSettings.d.ts

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

package/internal-do-not-import-from-here/ux/oxide/snackbar/Snackbar.d.ts

@@ -1,4 +1,4 @@
 import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
-type SnackbarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, null, true, "The v-model of the component"> & DefineProp<"text", string, false, null, "The text to be displayed in the snack bar.">;
+type SnackbarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, null, true, "The v-model of the component"> & DefineProp<"text", string, false, null, "The text to be displayed in the snack bar."> & DefineProp<"timeout", string | number, false, 1500, "Time (in milliseconds) to wait until snackbar is automatically hidden. Use -1 to keep open indefinitely.">;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SnackbarProps>) => any;
 export default _default;

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

@@ -0,0 +1,4 @@
+import { TokenDefinition } from "@omnia/fx-models";
+export declare class UserTokenDefinition extends TokenDefinition<string> {
+    prefixToken: string;
+}

package/internal-do-not-import-from-here/ux/user/loc/localize.d.ts

@@ -35,5 +35,8 @@ export declare namespace UserPropertyProviderLocalization {
             TimeProperty: string;
             UserIdentityProperty: string;
         };
+        Tokens: {
+            Username: string;
+        };
     }
 }

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';
@@ -143,6 +144,7 @@ import wcbd6cd82aabef42e7bf60679c7d5fb470 from './ux/wizard/WizardComponent';
 import wcde36ccd3a3064b0ea8f5865e65521e41 from '../../fx-sp/internal-do-not-import-from-here/ux/appwithspaliasinput/AppWithSharePointAliasInput';
 import wc28d15a1179a04eaa9f2e82abe15f7177 from '../../fx-sp/internal-do-not-import-from-here/ux/filterengine/TaxonomyPropertyRenderer';
 import wcb1fca92af8524970b426823cf7ef65b5 from '../../fx-sp/internal-do-not-import-from-here/ux/filterengine/SelectionsAreaTaxonomyRenderer';
+import wc4584d438a74748ab9ae5f9f4f431673f from '../../fx-sp/internal-do-not-import-from-here/ux/listtree/ListTree';
 import wc8000658f96504040b6194f7e887665a7 from '../../fx-sp/internal-do-not-import-from-here/ux/queryfilterbuilder/QueryFilterBuilder';
 import wccff151bfd6e24f2fbacd02bba0fffe1f from '../../fx-sp/internal-do-not-import-from-here/ux/targetingfilter/TargetingFilter';
 import wcdae567bb2f1846abad5c0adaa64945cf from '../../fx-sp/internal-do-not-import-from-here/ux/termitem/SharePointTermItemComponent';
@@ -293,7 +295,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 wcbae7c6fe179e45dfba604eca6d5d867e from './ux/oxide/picker/Picker';
+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';
@@ -394,7 +397,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';
@@ -1606,6 +1610,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;
@@ -2120,6 +2133,15 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wc07fdbc119d7742769eafe5f45ce14e18;
+            "list": {
+                "tree": typeof wc4584d438a74748ab9ae5f9f4f431673f extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc4584d438a74748ab9ae5f9f4f431673f;
+            };
             "term": {
                 "item": typeof wcdae567bb2f1846abad5c0adaa64945cf extends {
                     propsDefinition: infer TProp;
@@ -2776,6 +2798,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;
@@ -5070,13 +5101,22 @@ declare global {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
         } : typeof wc1d8d2a2328244f1eab96344841305976;
-        "picker": typeof wcbae7c6fe179e45dfba604eca6d5d867e extends {
-            propsDefinition: infer TProp;
-        } ? {
-            new (...args: any[]): {
-                $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-            };
-        } : typeof wcbae7c6fe179e45dfba604eca6d5d867e;
+        "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.342-dev",
+  "version": "8.0.344-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.342-dev",
+    "@omnia/fx-models": "8.0.344-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";