@omnia/fx 8.0.222-dev → 8.0.224-dev

package/internal-do-not-import-from-here/ux/oxide/table/Table.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -28,7 +28,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -57,7 +57,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -83,7 +83,7 @@ declare const _default: {
         required: boolean;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -100,7 +100,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         container?: boolean;
         class?: String | String[];
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
     }>, never>;

package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts

@@ -30,7 +30,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -71,7 +71,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -121,7 +121,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -168,7 +168,7 @@ declare const _default: {
         required: boolean;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -189,7 +189,7 @@ declare const _default: {
         class?: String | String[];
         size?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
         wordBreak?: "none";
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colorType?: "base" | "onBase" | "container" | "onContainer" | ColorTypes;
         toned?: boolean;
         noWrap?: boolean;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts

@@ -72,7 +72,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -161,7 +161,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -255,7 +255,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -346,7 +346,7 @@ declare const _default: {
         required: boolean;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -376,7 +376,7 @@ declare const _default: {
         disabled?: boolean;
         rows?: number;
         placeholder?: string;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: string;

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -37,7 +37,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -90,7 +90,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -149,7 +149,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -205,7 +205,7 @@ declare const _default: {
         required: boolean;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -231,7 +231,7 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         closeButton?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-slots"?: {

package/internal-do-not-import-from-here/ux/oxide/tooltip/Tooltip.d.ts

@@ -29,7 +29,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -68,7 +68,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -116,7 +116,7 @@ declare const _default: {
             required: boolean;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -161,7 +161,7 @@ declare const _default: {
         required: boolean;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -179,7 +179,7 @@ declare const _default: {
         text?: string;
         container?: boolean;
         class?: String | String[];
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot<any[]>;

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

@@ -87,7 +87,7 @@ declare const _default: {
             required: false;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -179,7 +179,7 @@ declare const _default: {
             required: false;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -278,7 +278,7 @@ declare const _default: {
             required: false;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -374,7 +374,7 @@ declare const _default: {
         required: false;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -397,7 +397,7 @@ declare const _default: {
         padding?: Spacing | SpacingValue;
         expanded?: any[];
         multiple?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         items?: any[];
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: any[];

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

@@ -1,27 +1,7 @@
 export declare const treeViewStylex: {
     titleWrapper: (hoverBackgroundColor: string) => Readonly<import("../../Styles.stylex").StylexType>;
-    containerWrapper: (background: string) => Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    expandedAnimation: Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    expandedIcon: Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
-    collapsedIcon: Readonly<{
-        className?: string;
-        style?: Readonly<{
-            [$$Key$$: string]: string | number;
-        }>;
-    }>;
+    containerWrapper: (background: string) => import("../../Styles.stylex").StylexType;
+    expandedAnimation: import("../../Styles.stylex").StylexType;
+    expandedIcon: import("../../Styles.stylex").StylexType;
+    collapsedIcon: import("../../Styles.stylex").StylexType;
 };

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

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

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

@@ -28,7 +28,7 @@ declare const _default: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & SecurityTrimmerSlots>;
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -62,7 +62,7 @@ declare const _default: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & SecurityTrimmerSlots>;
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -105,7 +105,7 @@ declare const _default: {
             default?: import("../DefineVueTypings").Slot<any[]>;
         } & SecurityTrimmerSlots>;
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -145,7 +145,7 @@ declare const _default: {
         default?: import("../DefineVueTypings").Slot<any[]>;
     } & SecurityTrimmerSlots>;
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -163,7 +163,7 @@ declare const _default: {
         roles: guid[];
     } & {
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot<any[]>;

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

@@ -1,39 +1,52 @@
 import "./SidePanel.css";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        position: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        position: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        position: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    position: {
-        type: import("vue").PropType<string>;
-        required: true;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    position: string;
+}>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
         position: string;
-    } & {}>, never>;
-};
+    }> & {
+        "v-slots"?: {
+            default?: import("vue").Slot;
+        } & {};
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "position">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
 export default _default;

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

@@ -120,10 +120,19 @@ export declare function useIcons(): {
         questionCircle: FontAwesomeIcon;
         upload: FontAwesomeIcon;
         user: FontAwesomeIcon;
+        userAlt: FontAwesomeIcon;
+        userCircle: FontAwesomeIcon;
         global: FontAwesomeIcon;
         arrowLeft: FontAwesomeIcon;
         arrowRight: FontAwesomeIcon;
         rule: FontAwesomeIcon;
+        idCard: FontAwesomeIcon;
+        sync: FontAwesomeIcon;
+        list: FontAwesomeIcon;
+        shield: FontAwesomeIcon;
+        authentication: FontAwesomeIcon;
+        addUser: FontAwesomeIcon;
+        spin: FontAwesomeIcon;
     };
     system: {
         settings: {