@omnia/fx 8.0.222-dev → 8.0.223-dev

package/internal-do-not-import-from-here/ux/aurora/styling/UseStyling.d.ts

@@ -21,6 +21,7 @@ export declare function useThemeStyling(): {
         scrollStyling: typeof import("./styles").getScrollStyling;
         scrollStylex: typeof generalStylex.getScrollStylex;
         borderDividerStyling: typeof import("./styles").getBorderDividerStyling;
+        borderDividerStylex: typeof generalStylex.getBorderDividerStylex;
         css: {
             generateAllStylesSchema: typeof generateAllStylesSchema;
             generateVariableStyle: typeof generateVariableStyle;

package/internal-do-not-import-from-here/ux/aurora/styling/styles/Colors.d.ts

@@ -5,18 +5,8 @@ export declare namespace colorStyling {
     function backgroundOpacityOnColor(color: string, dark: boolean, opacity?: Number): any;
     function getColorStylingx(color: string, opacity?: number): {
         all: Readonly<import("internal/fx/ux/Styles.stylex").StylexType>;
-        background: Readonly<{
-            className?: string;
-            style?: Readonly<{
-                [$$Key$$: string]: string | number;
-            }>;
-        }>;
-        color: Readonly<{
-            className?: string;
-            style?: Readonly<{
-                [$$Key$$: string]: string | number;
-            }>;
-        }>;
+        background: import("internal/fx/ux/Styles.stylex").StylexType;
+        color: import("internal/fx/ux/Styles.stylex").StylexType;
     };
     function getColorStyling(color: string, opacity?: number): ColorStyles;
 }

package/internal-do-not-import-from-here/ux/aurora/styling/styles/General.d.ts

@@ -1,7 +1,9 @@
 import { useColorSchemaStore } from "@omnia/fx/ux";
 import { OBorderCombination } from "@omnia/fx-models";
+import { StylexType } from "internal/fx/ux/Styles.stylex";
 export declare namespace generalStylex {
-    function getScrollStylex(colors: ReturnType<typeof useColorSchemaStore>): Readonly<import("@omnia/fx/ux").StylexType>;
+    function getScrollStylex(colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexType>;
+    function getBorderDividerStylex(border: OBorderCombination, dark: boolean): Readonly<StylexType>;
 }
 export declare const generalStyles: {
     getSelectedTableRowStyling: typeof getSelectedTableRowStyling;

package/internal-do-not-import-from-here/ux/aurora/themeprovider/ThemeProvider.d.ts

@@ -3,7 +3,7 @@ import { ColorSchemaTypes, ThemeDefinitionV2, ThemeContextType } from "@omnia/fx
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         };
         themeType: {
             type: import("vue").PropType<ThemeContextType>;
@@ -29,7 +29,7 @@ declare const _default: {
         }) => any;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         };
         themeType: {
             type: import("vue").PropType<ThemeContextType>;
@@ -53,7 +53,7 @@ declare const _default: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         };
         themeType: {
             type: import("vue").PropType<ThemeContextType>;
@@ -76,7 +76,7 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
     };
     themeType: {
         type: import("vue").PropType<ThemeContextType>;
@@ -103,7 +103,7 @@ declare const _default: {
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         themeDefinition?: ThemeDefinitionV2;
-        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         themeType?: ThemeContextType;
     }>, "onTheme:initialized"> & {
         "onTheme:initialized"?: (theme: {

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

@@ -18,7 +18,7 @@ declare const _default: {
         props: () => {
             theming: {
                 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: {
         props: () => {
             theming: {
                 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: {
@@ -99,7 +99,7 @@ declare const _default: {
         props: () => {
             theming: {
                 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: {
     props: () => {
         theming: {
             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: {
@@ -167,7 +167,7 @@ declare const _default: {
         props?: {
             theming: {
                 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: {

package/internal-do-not-import-from-here/ux/filterpicker/FilterPicker.d.ts

@@ -97,7 +97,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: {
@@ -212,7 +212,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: {
@@ -332,7 +332,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: {
@@ -449,7 +449,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: {
@@ -539,7 +539,7 @@ declare const _default: {
         class?: String | String[];
         label?: string;
         size?: "small" | "default" | "x-small";
-        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";
         grow?: boolean;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: FilterPickerFilter[];

package/internal-do-not-import-from-here/ux/image/scalingsettings/ScalingSettings.d.ts

@@ -78,7 +78,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: {
@@ -277,7 +277,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: {
         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: {
@@ -463,7 +463,7 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         mandatory?: 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"?: MediaScalingSettings;
         "onUpdate:modelValue"?: (value: MediaScalingSettings) => any;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/blockplaceholder/BlockPlaceholder.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
             type: import("vue").PropType<IIcon>;
         };
         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: {
@@ -39,7 +39,7 @@ declare const _default: {
             type: import("vue").PropType<IIcon>;
         };
         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: {
@@ -73,7 +73,7 @@ declare const _default: {
             type: import("vue").PropType<IIcon>;
         };
         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: {
         type: import("vue").PropType<IIcon>;
     };
     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: {
@@ -124,7 +124,7 @@ declare const _default: {
         title?: string;
         container?: boolean;
         description?: 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("../../..").ColorSchemaStoreType;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts

@@ -14,7 +14,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItem>;
         };
         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: {
@@ -39,7 +39,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItem>;
         };
         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: {
@@ -73,7 +73,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItem>;
         };
         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: {
         type: import("vue").PropType<LayoutItem>;
     };
     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: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         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;
         item?: LayoutItem;
         parentContainer?: LayoutItem;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/TemplatePreview.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         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: {
@@ -14,7 +14,7 @@ declare const _default: {
         };
     }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         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: {
@@ -36,7 +36,7 @@ declare const _default: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         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: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     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: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         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;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts

@@ -14,7 +14,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: {
@@ -39,7 +39,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: {
@@ -73,7 +73,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: {
@@ -104,7 +104,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: {
@@ -121,7 +121,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         title?: 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;
         alternativeContent?: JSX.Element;
         settingsKey?: any;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/sizecontainer/SizeContainer.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
             type: import("vue").PropType<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: {
@@ -37,7 +37,7 @@ declare const _default: {
             type: import("vue").PropType<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: {
@@ -72,7 +72,7 @@ declare const _default: {
             type: import("vue").PropType<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: {
         type: import("vue").PropType<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: {
         container?: boolean;
         class?: String | String[];
         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;
         getApi?: (store: ReturnType<typeof useSizeContainerStore>) => void;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/targetselector/TargetSelector.d.ts

@@ -22,7 +22,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItem>;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -47,7 +47,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItem>;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -81,7 +81,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItem>;
         };
         colorSchemaType: {
-            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
             required: boolean;
         };
         container: {
@@ -112,7 +112,7 @@ declare const _default: {
         type: import("vue").PropType<LayoutItem>;
     };
     colorSchemaType: {
-        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        type: import("vue").PropType<"background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic">;
         required: boolean;
     };
     container: {
@@ -129,7 +129,7 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         small?: boolean;
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         parentContainer?: LayoutItem;
         siblingId?: string;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutItemselector/LayoutItemSelection.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItemRegistration>;
         };
         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: {
@@ -25,7 +25,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItemRegistration>;
         };
         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: {
@@ -52,7 +52,7 @@ declare const _default: {
             type: import("vue").PropType<LayoutItemRegistration>;
         };
         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: {
@@ -76,7 +76,7 @@ declare const _default: {
         type: import("vue").PropType<LayoutItemRegistration>;
     };
     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: {
@@ -96,7 +96,7 @@ declare const _default: {
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         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;
         item?: LayoutItemRegistration;
     }>, "onClick"> & {