@omnia/fx 8.0.221-dev → 8.0.223-dev

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

@@ -1,6 +1,6 @@
 import "./Styles.stylex.css";
 export type StylexType = {
-    className?: string;
+    class?: string;
     style?: Readonly<{
         [$$Key$$: string]: string | number;
     }>;
@@ -12,463 +12,179 @@ type SpacingStylexType = {
     left?: string | number;
 };
 export declare const themingStylex: {
-    position: (position: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    textFillColor: (textFillColor: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    backgroundClip: (backgroundClip: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    fontFamily: (fontFamily: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    flexBasis: (flexBasis: string | number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    flexGrow: (flexGrow: number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    maxWidth: (maxWidth: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    alignSelf: (alignSelf: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    minWidth: (minWidth: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    flex: (flex: string | number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    justifyContent: (justifyContent: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    flexWrap: (flexWrap: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    rowGap: (rowGap: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    columnGap: (columnGap: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    flexDirection: (flexDirection: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
+    position: (position: string) => StylexType;
+    textFillColor: (textFillColor: string) => StylexType;
+    backgroundClip: (backgroundClip: string, important?: boolean) => StylexType;
+    fontFamily: (fontFamily: string) => StylexType;
+    flexBasis: (flexBasis: string | number) => StylexType;
+    flexGrow: (flexGrow: number) => StylexType;
+    maxWidth: (maxWidth: string) => StylexType;
+    alignSelf: (alignSelf: string) => StylexType;
+    minWidth: (minWidth: string) => StylexType;
+    flex: (flex: string | number) => StylexType;
+    justifyContent: (justifyContent: string) => StylexType;
+    flexWrap: (flexWrap: string) => StylexType;
+    rowGap: (rowGap: string) => StylexType;
+    columnGap: (columnGap: string) => StylexType;
+    flexDirection: (flexDirection: string) => StylexType;
     font: (fontSize: string, fontWeight: number, lineHeight: string) => {
-        className: string;
+        class: string;
         style: {
             "--fontSize": string;
             "--fontWeight": number;
             "--lineHeight": string;
         };
     };
-    width: (width: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    height: (height: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    maxHeight: (maxHeight: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    minHeight: (minHeight: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    alignItems: (alignItems: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    boxSizing: (boxSizing: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    display: (display: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    wordBreak: (wordBreak: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    whiteSpace: (whiteSpace: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    backDropFilter: (backDropFilter: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    transition: (transition: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    transform: (transform: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    fontSize: (fontSize: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    fontWeight: (fontWeight: number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    lineHeight: (lineHeight: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    textDecoration: (textDecoration: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    background: (background: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    opacity: (opacity: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    backgroundImage: (backgroundImage: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    backgroundColor: (backgroundColor: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    color: (color: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderTopLeftRadius: (borderTopLeftRadius: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderTopRightRadius: (borderTopRightRadius: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderBottomRightRadius: (borderBottomRightRadius: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderBottomLeftRadius: (borderBottomLeftRadius: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
+    width: (width: string, important?: boolean) => StylexType;
+    height: (height: string, important?: boolean) => StylexType;
+    maxHeight: (maxHeight: string | number, important?: boolean) => StylexType;
+    minHeight: (minHeight: string) => StylexType;
+    alignItems: (alignItems: string) => StylexType;
+    boxSizing: (boxSizing: string) => StylexType;
+    display: (display: string) => StylexType;
+    wordBreak: (wordBreak: string) => StylexType;
+    whiteSpace: (whiteSpace: string) => StylexType;
+    backDropFilter: (backDropFilter: string) => StylexType;
+    transition: (transition: string) => StylexType;
+    transform: (transform: string) => StylexType;
+    fontSize: (fontSize: string, important?: boolean) => StylexType;
+    fontWeight: (fontWeight: number) => StylexType;
+    lineHeight: (lineHeight: string) => StylexType;
+    textDecoration: (textDecoration: string, important?: boolean) => StylexType;
+    background: (background: string, important?: boolean) => StylexType;
+    opacity: (opacity: string | number) => StylexType;
+    backgroundImage: (backgroundImage: string) => StylexType;
+    backgroundColor: (backgroundColor: string, important?: boolean) => StylexType;
+    color: (color: string, important?: boolean) => StylexType;
+    borderTopLeftRadius: (borderTopLeftRadius: string, important?: boolean) => StylexType;
+    borderTopRightRadius: (borderTopRightRadius: string, important?: boolean) => StylexType;
+    borderBottomRightRadius: (borderBottomRightRadius: string, important?: boolean) => StylexType;
+    borderBottomLeftRadius: (borderBottomLeftRadius: string, important?: boolean) => StylexType;
     border: (value: SpacingStylexType | string) => Readonly<StylexType>;
     margin: (value: SpacingStylexType | string, important?: boolean) => Readonly<StylexType>;
-    marginLeft: (marginLeft: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    marginBottom: (marginBottom: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    marginRight: (marginRight: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    marginTop: (marginTop: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
+    marginLeft: (marginLeft: string | number, important?: boolean) => StylexType;
+    marginBottom: (marginBottom: string | number, important?: boolean) => StylexType;
+    marginRight: (marginRight: string | number, important?: boolean) => StylexType;
+    marginTop: (marginTop: string | number, important?: boolean) => StylexType;
     padding: (value: SpacingStylexType | string, important?: boolean) => Readonly<StylexType>;
-    paddingLeft: (paddingLeft: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    paddingRight: (paddingRight: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    paddingBottom: (paddingBottom: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    paddingTop: (paddingTop: string | number, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderLeft: (borderLeft: string | number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderRight: (borderRight: string | number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderBottom: (borderBottom: string | number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderTop: (borderTop: string | number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    borderRadius: (borderRadius: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    textTransform: (textTransform: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    lineCamp: (lineCamp: number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    overflow: (overflow: string, important?: boolean) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    boxOrient: (boxOrient: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    cursor: (cursor: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    top: (top: number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    zIndex: (zIndex: number) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    textAlign: (textAlign: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    transformOrigin: (transformOrigin: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
+    paddingLeft: (paddingLeft: string | number, important?: boolean) => StylexType;
+    paddingRight: (paddingRight: string | number, important?: boolean) => StylexType;
+    paddingBottom: (paddingBottom: string | number, important?: boolean) => StylexType;
+    paddingTop: (paddingTop: string | number, important?: boolean) => StylexType;
+    borderLeft: (borderLeft: string | number) => StylexType;
+    borderRight: (borderRight: string | number) => StylexType;
+    borderBottom: (borderBottom: string | number) => StylexType;
+    borderTop: (borderTop: string | number) => StylexType;
+    borderRadius: (borderRadius: string | number) => StylexType;
+    textTransform: (textTransform: string) => StylexType;
+    lineCamp: (lineCamp: number) => StylexType;
+    overflow: (overflow: string, important?: boolean) => StylexType;
+    boxOrient: (boxOrient: string) => StylexType;
+    cursor: (cursor: string) => StylexType;
+    top: (top: number | string) => StylexType;
+    left: (left: number | string) => StylexType;
+    zIndex: (zIndex: number) => StylexType;
+    textAlign: (textAlign: string) => StylexType;
+    transformOrigin: (transformOrigin: string) => StylexType;
+    borderColor: (borderColor: string) => StylexType;
+    overflowY: (overflowY: string) => StylexType;
+    overflowX: (overflowX: string) => StylexType;
+    pointerEvents: (pointerEvents: string) => StylexType;
+    verticalAlign: (verticalAlign: string) => StylexType;
+    textOverflow: (textOverflow: string) => StylexType;
     hover: {
-        cursor: (cursor: string) => Readonly<{
-            className?: string;
-            style?: Readonly<{
-                [$$Key$$: string]: string | number;
-            }>;
-        }>;
-        background: (background: string) => Readonly<{
-            className?: string;
-            style?: Readonly<{
-                [$$Key$$: string]: string | number;
-            }>;
-        }>;
+        cursor: (cursor: string) => StylexType;
+        background: (background: string) => StylexType;
+        backgroundColor: (backgroundColor: string, important?: boolean) => StylexType;
+    };
+    nest: {
+        iframe: {
+            paddingLeft: (paddingLeft: string | number) => {
+                class: string;
+                style: {
+                    "--paddingLeft": string | number;
+                };
+            };
+            paddingRight: (paddingRight: string | number) => {
+                class: string;
+                style: {
+                    "--paddingRight": string | number;
+                };
+            };
+            paddingBottom: (paddingBottom: string | number) => {
+                class: string;
+                style: {
+                    "--paddingBottom": string | number;
+                };
+            };
+            paddingTop: (paddingTop: string | number) => {
+                class: string;
+                style: {
+                    "--paddingTop": string | number;
+                };
+            };
+        };
     };
     after: {};
     before: {};
     media: {
         sm: {
             fontSize: (fontSize: string, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--fontSize": string;
+                    "--fontSize-sm": string;
                 };
             };
             fontWeight: (fontWeight: number, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--fontWeight": number;
+                    "--fontWeight-sm": number;
                 };
             };
             lineHeight: (lineHeight: string, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--lineHeight": string;
+                    "--lineHeight-sm": string;
                 };
             };
         };
         md: {
             fontSize: (fontSize: string, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--fontSize": string;
+                    "--fontSize-md": string;
                 };
             };
             fontWeight: (fontWeight: number, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--fontWeight": number;
+                    "--fontWeight-md": number;
                 };
             };
             lineHeight: (lineHeight: string, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--lineHeight": string;
+                    "--lineHeight-md": string;
                 };
             };
         };
         lg: {
             fontSize: (fontSize: string, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--fontSize": string;
+                    "--fontSize-lg": string;
                 };
             };
             fontWeight: (fontWeight: number, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--fontWeight": number;
+                    "--fontWeight-lg": number;
                 };
             };
             lineHeight: (lineHeight: string, important?: boolean) => {
-                className: string;
+                class: string;
                 style: {
-                    "--lineHeight": string;
+                    "--lineHeight-lg": string;
                 };
             };
         };

package/internal-do-not-import-from-here/ux/admin/usermanagement/groups/GroupMembershipListing.d.ts

@@ -1,4 +1,5 @@
-import { GroupIdentity, GroupMembers } from "@omnia/fx-models";
+import { GroupIdentity, GroupMembers, ResolvedUserIdentity } from "@omnia/fx-models";
+import { DefineEmit } from "@omnia/fx/ux";
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     identity?: GroupIdentity;
 } & {
@@ -15,7 +16,7 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     saving?: boolean;
 } & {
     isOwnersTab?: boolean;
-}>) => {
+} & DefineEmit<"openUserDetailBlade", (user?: ResolvedUserIdentity) => void>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -69,11 +70,13 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
         saving?: boolean;
     } & {
         isOwnersTab?: boolean;
-    }> & {
+    } & DefineEmit<"openUserDetailBlade", (user?: ResolvedUserIdentity) => void>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};
-    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "identity" | "businessProfileId" | "saving" | "hasEditablePremission" | "omniaGroupBuiltIn" | "isEditableGroup" | "changedMembers" | "isOwnersTab">;
+    } & {
+        onOpenUserDetailBlade?: (user?: ResolvedUserIdentity) => any;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "identity" | "businessProfileId" | "saving" | "hasEditablePremission" | "omniaGroupBuiltIn" | "isEditableGroup" | "changedMembers" | "isOwnersTab">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

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

@@ -16,6 +16,7 @@ export declare namespace UserManagementLocalization {
             Properties: string;
             AddUser: string;
             EditUser: string;
+            UserDetails: string;
             DeletedUser: string;
             DeleteUserConfirmation: string;
             Authentication: string;
@@ -116,6 +117,7 @@ export declare namespace UserManagementLocalization {
             Owner: string;
             AddGroup: string;
             EditGroup: string;
+            GroupDetails: string;
             DeleteGroup: string;
             DeleteGroupConfirmation: string;
             DeleteGroupsErrorMessageGroupsInUse: string;