npm - @omnia/fx - Versions diffs - 8.0.222-dev → 8.0.224-dev - Mend

@omnia/fx 8.0.222-dev → 8.0.224-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (226) hide show

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTableServer.d.ts CHANGED Viewed

@@ -158,7 +158,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: {
@@ -337,7 +337,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: {
@@ -517,7 +517,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: {
@@ -694,7 +694,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: {
@@ -789,7 +789,7 @@ declare const _default: {
         height?: string | number;
         page?: number;
         expanded?: 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";
         items?: any[];
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: any[];

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Func, Future, IIcon, ODialogBuiltinButtons, ODialogButtonInstance } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
-export * from "./Dialog.css";
+export * from "./Dialog.stylex";
 type SlotNavigationType = (apis: {
     hideNavigation: () => void;
     showNavigation: () => void;
@@ -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: {
@@ -181,7 +181,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: {
@@ -283,7 +283,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: {
@@ -382,7 +382,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: {
@@ -414,7 +414,7 @@ declare const _default: {
         size?: "small" | "medium" | "large" | "x-small" | "full";
         persistent?: boolean;
         eager?: 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-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.stylex.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { useColorSchemaStore } from "@omnia/fx/ux";
+import { ColorDefinition, ODialogTypes } from "@omnia/fx-models";
+export declare const DialogStyles: {
+    templateTitle: Readonly<import("@omnia/fx/ux").StylexType>;
+    titleWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    fixedContent: (backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    navigationDrawer: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    navigationWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    activator: import("@omnia/fx/ux").StylexType;
+    contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: ODialogTypes, horizontalScroll: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    notScrollOutside: import("@omnia/fx/ux").StylexType;
+    iconWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    footerWrapper: (backgroundColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
+    scroll(colors: ReturnType<typeof useColorSchemaStore>): Readonly<import("@omnia/fx/ux").StylexType>;
+};

package/internal-do-not-import-from-here/ux/oxide/draggable/Draggable.stylex.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const DraggableStyles: {
+    hoverStyle: import("@omnia/fx/ux").StylexType;
+};

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.d.ts CHANGED Viewed

@@ -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: {
@@ -181,7 +181,7 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         eager?: 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/expansionpanel/ExpansionPanel.stylex.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ColorDefinition, OPanelTypes } from "@omnia/fx-models";
+export declare const ExpansionPanelStyles: {
+    iconWrapper: (variant: OPanelTypes) => Readonly<import("@omnia/fx/ux").StylexType>;
+    customHeader: Readonly<import("@omnia/fx/ux").StylexType>;
+    sectionVariant: Readonly<import("@omnia/fx/ux").StylexType>;
+    tabVariant: Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (base: ColorDefinition, onBase: ColorDefinition, panelType: OPanelTypes, hideExpandIcon: boolean, toned: boolean, slim: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+};

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.d.ts CHANGED Viewed

@@ -31,7 +31,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: {
@@ -74,7 +74,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: {
@@ -126,7 +126,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: {
@@ -175,7 +175,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: {
@@ -194,7 +194,7 @@ declare const _default: {
         class?: String | String[];
         mandatory?: boolean;
         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";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: number | number[];

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.stylex.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const ExpansionPanelsStyles: {
+    sectionVariant: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+};

package/internal-do-not-import-from-here/ux/oxide/flex/Flex.d.ts CHANGED Viewed

@@ -18,7 +18,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: {
@@ -47,7 +47,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: {
@@ -85,7 +85,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: {
@@ -120,7 +120,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: {
@@ -140,7 +140,7 @@ declare const _default: {
         margin?: Spacing | SpacingValue;
         padding?: Spacing | SpacingValue;
         filled?: 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;
     }>, never>;

package/internal-do-not-import-from-here/ux/oxide/flex/Row.d.ts CHANGED Viewed

@@ -48,7 +48,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: {
@@ -107,7 +107,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: {
@@ -175,7 +175,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: {
@@ -240,7 +240,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: {
@@ -266,7 +266,7 @@ declare const _default: {
         padding?: Spacing | SpacingValue;
         wrap?: boolean;
         filled?: 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;
         gapX?: SpacingValue;
         gapY?: SpacingValue;

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

@@ -5,7 +5,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: {
@@ -22,7 +22,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: {
@@ -48,7 +48,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: {
@@ -88,7 +88,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";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
     }>, never>;
 };

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

@@ -0,0 +1,3 @@
+export declare const FormStyles: {
+    rowWrapper: import("@omnia/fx/ux").StylexType;
+};

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts CHANGED Viewed

@@ -34,7 +34,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: {
@@ -79,7 +79,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: {
@@ -133,7 +133,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: {
@@ -184,7 +184,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: {
@@ -206,7 +206,7 @@ declare const _default: {
         size?: "small" | "default" | "large" | "x-large" | "x-small";
         animation?: "flip" | "bounce" | "spin" | "beat";
         disabled?: 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";
         colorType?: "base" | "onBase" | "container" | "onContainer";
         toned?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.stylex.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { OIconVariants, OIconSizes } from "@omnia/fx-models";
-import "./Icon.css";
 export declare const IconStyles: {
     wrapper: (size: OIconSizes, variant: OIconVariants) => Readonly<import("../..").StylexType>;
 };

package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts CHANGED Viewed

@@ -42,7 +42,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: {
@@ -104,7 +104,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: {
@@ -170,7 +170,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: {
@@ -233,7 +233,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: {
@@ -265,7 +265,7 @@ declare const _default: {
         width?: string | number;
         cover?: boolean;
         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";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         src?: string;
         "v-slots"?: {

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.stylex.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { BoxDimensions } from "@omnia/fx-models";
+export declare const TextFieldStyles: {
+    generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    hint: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    iconButtonWrapper: import("@omnia/fx/ux").StylexType;
+};

package/internal-do-not-import-from-here/ux/oxide/layout/Layout.d.ts CHANGED Viewed

@@ -5,7 +5,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: {
@@ -22,7 +22,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: {
@@ -48,7 +48,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: {
@@ -88,7 +88,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";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/layout/Layout.stylex.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const layoutStyles: {
+    wrapper: import("@omnia/fx/ux").StylexType;
+};

package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts CHANGED Viewed

@@ -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: {
@@ -190,7 +190,7 @@ declare const _default: {
         target?: "_blank" | "_self" | "_parent" | "_top" | "framename";
         href?: string;
         size?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
-        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;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;