@omnia/fx 8.0.342-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/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

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

@@ -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<"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/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,7 +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 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 +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';
@@ -1606,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;
@@ -2776,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;
@@ -5070,13 +5091,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.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.342-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";