@omnia/fx 8.0.296-dev → 8.0.297-dev

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.stylex.d.ts

@@ -1,10 +1,10 @@
 import { ColorDefinition } from "../../velcron/core";
 import { OPanelVariants, OPaddingCombination } from "@omnia/fx-models";
 export declare const PanelStyles: {
-    tabSettingsPadding: Readonly<import("@omnia/fx/ux").StylexType>;
-    templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexType>;
-    dividerOnTitle: Readonly<import("@omnia/fx/ux").StylexType>;
-    panelHoverBackground: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
-    panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexType>;
-    contentWrapper: (variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination, noContentPadding: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    tabSettingsPadding: Readonly<import("@omnia/fx/ux").StylexValue>;
+    templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    dividerOnTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
+    panelHoverBackground: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    contentWrapper: (variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination, noContentPadding: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/radio/Radio.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const RadioStyles: {
-    wrapper: (textColor: string, selectedColor: string, blueprint: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (textColor: string, selectedColor: string, blueprint: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.d.ts

@@ -172,8 +172,8 @@ declare const _default: {
         class?: String | String[];
         label?: string;
         disabled?: boolean;
-        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;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: any;
         modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;

package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const RadioGroupStyles: {
-    wrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    itemWrapper: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    itemWrapper: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.d.ts

@@ -219,12 +219,12 @@ declare const _default: {
     container: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
+        direction?: "horizontal" | "vertical";
         container?: boolean;
         class?: String | String[];
         label?: string;
-        direction?: "horizontal" | "vertical";
-        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;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: [number, number];
         modelValue?: [number, number];
         variant?: "default" | "prominent";

package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const RangeSliderStyles: {
-    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const ScrollContainerStyles: {
-    scrollingStyles: (scrolling: string, height: string, width: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    compensateMargin: import("@omnia/fx/ux").StylexType;
+    scrollingStyles: (scrolling: string, height: string, width: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    compensateMargin: import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/select/Select.stylex.d.ts

@@ -1,5 +1,5 @@
 import { OSelectTypes } from "@omnia/fx-models";
 export declare const SelectStyles: {
-    componentWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const SwiperStyles: {
-    backgroundColor: (color: string) => import("@omnia/fx/ux").StylexType;
-    color: (color: string) => import("@omnia/fx/ux").StylexType;
+    backgroundColor: (color: string) => import("@omnia/fx/ux").StylexValue;
+    color: (color: string) => import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/slider/Slider.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SliderStyles: {
-    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>, label: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>, label: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.stylex.d.ts

@@ -1,4 +1,4 @@
 import { OSplitpanesVariation } from "@omnia/fx-models";
 export declare const SplitpaneStyles: {
-    wrapper: (backgroundColor: string, splitterColor: string, variant: OSplitpanesVariation) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (backgroundColor: string, splitterColor: string, variant: OSplitpanesVariation) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/stepper/Stepper.stylex.d.ts

@@ -1,4 +1,4 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const StepperStyles: {
-    container: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
+    container: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/stickycontainer/StickyContainer.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const StickyContainerStyles: {
-    stickyWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    markWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
+    stickyWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    markWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/switch/Switch.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SwitchStyles: {
-    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.stylex.d.ts

@@ -1,7 +1,7 @@
 import { ColorDefinition, OTabVariants } from "@omnia/fx-models";
 export declare const TabStyles: {
-    containerTabWrapper: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
-    tabWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    notificationWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    activeTab: (color: string, variant: OTabVariants, backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    containerTabWrapper: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    tabWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    notificationWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    activeTab: (color: string, variant: OTabVariants, backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.stylex.d.ts

@@ -1,8 +1,8 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const TabsStyles: {
-    itemContainer: (scrollOffset: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    hideTabHeader: Readonly<import("@omnia/fx/ux").StylexType>;
-    dialogWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    toolbarStyles: (vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    dialogContainer: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition, toned: boolean, vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    itemContainer: (scrollOffset: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    hideTabHeader: Readonly<import("@omnia/fx/ux").StylexValue>;
+    dialogWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    toolbarStyles: (vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    dialogContainer: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition, toned: boolean, vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

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

@@ -1,4 +1,4 @@
 import { ColorDefinition } from "../../velcron/core";
 export declare const TableStyles: {
-    tableWrapper: (baseColor: ColorDefinition, onBaseColor: ColorDefinition, containerColor: ColorDefinition, onContainerColor: ColorDefinition, toned: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    tableWrapper: (baseColor: ColorDefinition, onBaseColor: ColorDefinition, containerColor: ColorDefinition, onContainerColor: ColorDefinition, toned: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

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

@@ -2,5 +2,5 @@
  * Styles for the CommandPalette component
  */
 export declare const TextStyles: {
-    truncateText: (lines: number) => Readonly<import("../../Styles.stylex").StylexType>;
+    truncateText: (lines: number) => Readonly<import("../../Styles.stylex").StylexValue>;
 };

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

@@ -3,5 +3,5 @@ import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextAreaStyles: {
     editorVariant: string;
     textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
-    generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

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

@@ -1,9 +1,9 @@
 import { OToolbarVariants } from "@omnia/fx-models";
 export declare const ToolbarStyles: {
-    templateTitle: (variant: OToolbarVariants, hasButton: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    templateTitleCustom: Readonly<import("@omnia/fx/ux").StylexType>;
-    content: Readonly<import("@omnia/fx/ux").StylexType>;
-    drawer: Readonly<import("@omnia/fx/ux").StylexType>;
-    iconWrapper: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
-    divider: (dark: boolean) => import("@omnia/fx/ux").StylexType;
+    templateTitle: (variant: OToolbarVariants, hasButton: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    templateTitleCustom: Readonly<import("@omnia/fx/ux").StylexValue>;
+    content: Readonly<import("@omnia/fx/ux").StylexValue>;
+    drawer: Readonly<import("@omnia/fx/ux").StylexValue>;
+    iconWrapper: (color: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    divider: (dark: boolean) => import("@omnia/fx/ux").StylexValue;
 };

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

@@ -307,8 +307,8 @@ declare const _default: {
         padding?: Spacing | SpacingValue;
         expanded?: any[];
         multiple?: boolean;
-        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;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-slots"?: {
             default?: import("../../DefineVueTypings").Slot;
         } & {

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

@@ -1,7 +1,7 @@
 export declare const treeViewStylex: {
-    titleWrapper: (hoverBackgroundColor: string) => Readonly<import("../../Styles.stylex").StylexType>;
-    containerWrapper: (background: string) => import("../../Styles.stylex").StylexType;
-    expandedAnimation: import("../../Styles.stylex").StylexType;
-    expandedIcon: import("../../Styles.stylex").StylexType;
-    collapsedIcon: import("../../Styles.stylex").StylexType;
+    titleWrapper: (hoverBackgroundColor: string) => Readonly<import("../../Styles.stylex").StylexValue>;
+    containerWrapper: (background: string) => import("../../Styles.stylex").StylexValue;
+    expandedAnimation: import("../../Styles.stylex").StylexValue;
+    expandedIcon: import("../../Styles.stylex").StylexValue;
+    collapsedIcon: import("../../Styles.stylex").StylexValue;
 };

package/internal-do-not-import-from-here/ux/post/IPost.d.ts

@@ -1,5 +1,5 @@
 import { PostStyle } from "..";
-import { guid, OmitProperties, ThemeDefinition, IPostBaseWithContext, IPostBaseContext, IPersistedPost, ResolvedUserIdentity, ReactionType } from "../../models";
+import { guid, OmitProperties, LegacyThemeDefinition, IPostBaseWithContext, IPostBaseContext, IPersistedPost, ResolvedUserIdentity, ReactionType } from "../../models";
 import { IRichTextEditor } from "../richtexteditor";
 export interface IPostCustomSlots {
     /**
@@ -37,7 +37,7 @@ export interface IPostComponent {
     postTypeId: guid;
     provider: PostProvider;
     richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
-    cardStyle?: ThemeDefinition;
+    cardStyle?: LegacyThemeDefinition;
     showMoreSize?: number;
     styles?: typeof PostStyle;
     allowLikes?: boolean;

package/internal-do-not-import-from-here/ux/post/Post.d.ts

@@ -1,4 +1,4 @@
-import { guid, IPostBaseContext, IPostBaseWithContext, OmitProperties, ResolvedUserIdentity, ThemeDefinition } from "../../models";
+import { guid, IPostBaseContext, IPostBaseWithContext, OmitProperties, ResolvedUserIdentity, LegacyThemeDefinition } from "../../models";
 import { IRichTextEditor } from "../richtexteditor";
 import { IPostCustomSlots, PostPermission, PostProvider } from "./IPost";
 import "./Post.css";
@@ -27,7 +27,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
         postAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
     };
 } & {
-    cardStyle?: ThemeDefinition;
+    cardStyle?: LegacyThemeDefinition;
 } & {
     allowLikes?: boolean;
 } & {

package/internal-do-not-import-from-here/ux/post/templates/PostTemplate.d.ts

@@ -1,6 +1,6 @@
 import { DefineEmit } from "@omnia/fx/ux";
 import { type IPostCustomSlots, PostPermission } from "../..";
-import { type IPersistedPost, IPostBaseContext, IPostBaseWithContext, type OmitProperties, ReactionType, ResolvedUserIdentity, type ThemeDefinition } from "../../../models";
+import { type IPersistedPost, IPostBaseContext, IPostBaseWithContext, type OmitProperties, ReactionType, ResolvedUserIdentity, type LegacyThemeDefinition } from "../../../models";
 import { IRichTextEditor } from "../../richtexteditor";
 declare const _default: <TItem extends readonly any[], TModel extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<{
     canShowEditDialogOnLoad?: boolean;
@@ -17,7 +17,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
 } & {
     enableMention?: boolean;
 } & {
-    cardStyle?: ThemeDefinition;
+    cardStyle?: LegacyThemeDefinition;
 } & {
     hideEdit?: boolean;
 } & {

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

@@ -78,8 +78,8 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         text?: string;
         container?: boolean;
-        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;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         renderingMode?: BlockRenderingModes;
     }>, never>;
 };

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

@@ -129,8 +129,8 @@ declare const _default: {
         roles: guid[];
     } & {
         container?: boolean;
-        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;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-slots"?: {
             default?: import("../DefineVueTypings").Slot;
         } & SecurityTrimmerSlots;

package/internal-do-not-import-from-here/ux/settings/SettingsPane.d.ts

@@ -141,9 +141,9 @@ declare const _default: {
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
+        width?: string | number;
         title?: string;
         description?: string;
-        width?: string | number;
         onCancel?: () => void;
         headerClass?: string;
         contentClass?: string;

package/internal-do-not-import-from-here/ux/social/Comment.d.ts

@@ -1,5 +1,5 @@
 import { CommentLikeTemplateDynamicInput } from "@omnia/fx/ux";
-import { Comment, OmitProperties, ThemeDefinition } from "../../models";
+import { Comment, OmitProperties, LegacyThemeDefinition } from "../../models";
 import { IRichTextEditor } from "../richtexteditor";
 import { CommentSorting } from "../../models/Social";
 declare const _default: {
@@ -20,7 +20,7 @@ declare const _default: {
             required: false;
         };
         cardStyle: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         allowLikes: {
             type: import("vue").PropType<boolean>;
@@ -102,7 +102,7 @@ declare const _default: {
             required: false;
         };
         cardStyle: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         allowLikes: {
             type: import("vue").PropType<boolean>;
@@ -181,7 +181,7 @@ declare const _default: {
         required: false;
     };
     cardStyle: {
-        type: import("vue").PropType<ThemeDefinition>;
+        type: import("vue").PropType<LegacyThemeDefinition>;
     };
     allowLikes: {
         type: import("vue").PropType<boolean>;
@@ -261,7 +261,7 @@ declare const _default: {
         richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
         dynamicInput?: CommentLikeTemplateDynamicInput;
         additionalRoles?: string[];
-        cardStyle?: ThemeDefinition;
+        cardStyle?: LegacyThemeDefinition;
         hideEdit?: boolean;
         readOnly?: boolean;
         topicId?: string;

package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts

@@ -1,5 +1,5 @@
 import { ICommentLikeService } from "../../../stores";
-import { type Comment, type CommentLikeTemplateSettings, ResolvedUserIdentity, ThemeDefinition, guid } from "../../../models";
+import { type Comment, type CommentLikeTemplateSettings, ResolvedUserIdentity, LegacyThemeDefinition, guid } from "../../../models";
 export interface CommentLikeTemplateDynamicInput {
     service: ICommentLikeService;
     likeListingTemplate?: string;
@@ -15,7 +15,7 @@ declare const _default: {
             required: false;
         };
         cardStyle: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         additionalRoles: {
             type: import("vue").PropType<guid[]>;
@@ -66,7 +66,7 @@ declare const _default: {
             required: false;
         };
         cardStyle: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         additionalRoles: {
             type: import("vue").PropType<guid[]>;
@@ -107,7 +107,7 @@ declare const _default: {
         required: false;
     };
     cardStyle: {
-        type: import("vue").PropType<ThemeDefinition>;
+        type: import("vue").PropType<LegacyThemeDefinition>;
     };
     additionalRoles: {
         type: import("vue").PropType<guid[]>;
@@ -151,7 +151,7 @@ declare const _default: {
         canShowEditDialogOnLoad?: boolean;
         canLike?: boolean;
         additionalRoles?: guid[];
-        cardStyle?: ThemeDefinition;
+        cardStyle?: LegacyThemeDefinition;
         hideEdit?: boolean;
         readOnly?: boolean;
     }>, "onDoc$" | "onOpenReply" | "onCancelReply" | "onRefresh"> & {

package/internal-do-not-import-from-here/ux/theming/InternalTheming.d.ts

@@ -1,4 +1,4 @@
-import { ThemeDefinition, guid } from "../../models";
+import { LegacyThemeDefinition, guid } from "../../models";
 import { Theming } from "./Theming";
 import { ThemeStore } from "./ThemeStore";
 import { App, ComponentPublicInstance } from "vue";
@@ -6,7 +6,7 @@ export type VueThemingInstance = {
     $theming?: Theming;
     themeTargetId?: guid;
     themeDefinitionId?: guid;
-    themeDefinition?: ThemeDefinition;
+    themeDefinition?: LegacyThemeDefinition;
     inheritanceTheme?: {
         id: string;
     };

package/internal-do-not-import-from-here/ux/theming/ThemeManager.d.ts

@@ -1,4 +1,4 @@
-import { Color, ThemeColorDefinition, ThemeStyling, ThemeDefinition, BorderDefinition } from "../../models";
+import { Color, LegacyThemeColorDefinition, ThemeStyling, LegacyThemeDefinition, LegacyBorderDefinition } from "../../models";
 import { OmniaTheming } from "../OmniaTheming";
 import { guid, ThemeType } from "../../models";
 export declare class ThemeManager {
@@ -12,7 +12,7 @@ export declare class ThemeManager {
     static ParseColor(color: string): Color;
     static ExtractReplacementColors(color: string): string;
     static InjectReplacementColors(color: string): string;
-    static EnsureDefaultBorder(themeDefinition: ThemeDefinition): void;
+    static EnsureDefaultBorder(themeDefinition: LegacyThemeDefinition): void;
     /**
      * We had model mismatch of BorderDefinition between client-side and server-side.
      *
@@ -21,8 +21,8 @@ export declare class ThemeManager {
      *
      * So this soft migration is all about that
      */
-    static MigrateBorder(borderDefinition: BorderDefinition): void;
-    static CreateThemeStylingFromDefinition(themeDefinition: ThemeColorDefinition): ThemeStyling;
-    static CreateDefaultBorderDefinition(): BorderDefinition;
-    static CreateThemeDefinition(primaryColor: string, secondaryColor: string, name: string, themeType: ThemeType, id?: guid, readOnly?: boolean): ThemeDefinition;
+    static MigrateBorder(borderDefinition: LegacyBorderDefinition): void;
+    static CreateThemeStylingFromDefinition(themeDefinition: LegacyThemeColorDefinition): ThemeStyling;
+    static CreateDefaultBorderDefinition(): LegacyBorderDefinition;
+    static CreateThemeDefinition(primaryColor: string, secondaryColor: string, name: string, themeType: ThemeType, id?: guid, readOnly?: boolean): LegacyThemeDefinition;
 }

package/internal-do-not-import-from-here/ux/theming/ThemeStore.d.ts

@@ -1,13 +1,13 @@
 import { OmniaContext } from "../..";
 import { Store } from "../../stores";
-import { ThemeDefinitionSettings, ThemeDefinition, ThemeTargetRegistration, ThemeTargetMapping } from "../../models";
+import { ThemeDefinitionSettings, LegacyThemeDefinition, ThemeTargetRegistration, ThemeTargetMapping } from "../../models";
 import { IMessageBusSubscriptionHandler, guid } from "../../models";
 import { OmniaTheming } from "../OmniaTheming";
 import { SettingsService } from "../../services";
 import { Theming } from "./Theming";
 declare class InternalThemeStore extends Store {
     showThemeDefinitionEditor: import("../../stores").StoreState<boolean>;
-    themeDefinitions: import("../../stores").StoreState<ThemeDefinition[]>;
+    themeDefinitions: import("../../stores").StoreState<LegacyThemeDefinition[]>;
     themeTargetRegistrations: import("../../stores").StoreState<ThemeTargetRegistration[]>;
     themeTargetMappings: import("../../stores").StoreState<ThemeTargetMapping[]>;
     themingInstances: import("../../stores").StoreState<Theming[]>;
@@ -37,8 +37,8 @@ export declare class ThemeStore extends Store {
         getThemingByTargetIdWithFallback: (themeTargetId: guid) => Theming;
         getAllThemeTargetMappings: () => ThemeTargetMapping[];
         getThemeTargetMappingById: (id: guid) => ThemeTargetMapping;
-        getAllThemeDefinitions: () => ThemeDefinition[];
-        getThemeDefinitionById: (id: guid) => ThemeDefinition;
+        getAllThemeDefinitions: () => LegacyThemeDefinition[];
+        getThemeDefinitionById: (id: guid) => LegacyThemeDefinition;
         getThemeTargetRegistrationsById: (id: guid) => ThemeTargetRegistration;
         getAllThemeTargetRegistrations: () => ThemeTargetRegistration[];
     };
@@ -48,13 +48,13 @@ export declare class ThemeStore extends Store {
         createThemeTargetMappingForRegistration: import("../../stores").StoreMutation<(themeTargetRegistration: ThemeTargetRegistration) => void, (themeTargetRegistration: ThemeTargetRegistration) => IMessageBusSubscriptionHandler>;
         addThemeTargetRegistration: import("../../stores").StoreMutation<(themeTargetRegistration: ThemeTargetRegistration) => void, (themeTargetRegistration: ThemeTargetRegistration) => IMessageBusSubscriptionHandler>;
         removeAllCustomThemeDefintions: import("../../stores").StoreMutation<() => void, () => IMessageBusSubscriptionHandler>;
-        addThemeDefinition: import("../../stores").StoreMutation<(theme: ThemeDefinition, forceUpdate?: boolean) => void, (theme: ThemeDefinition, forceUpdate?: boolean) => IMessageBusSubscriptionHandler>;
+        addThemeDefinition: import("../../stores").StoreMutation<(theme: LegacyThemeDefinition, forceUpdate?: boolean) => void, (theme: LegacyThemeDefinition, forceUpdate?: boolean) => IMessageBusSubscriptionHandler>;
     };
     actions: {
         updateThemeTargetMapping: import("../../stores").StoreAction<unknown, (themeTargetMapping: ThemeTargetMapping) => void, (result: void, themeTargetMapping: ThemeTargetMapping) => void, (failureReason: any, themeTargetMapping: ThemeTargetMapping) => void, (themeTargetMapping: ThemeTargetMapping) => Promise<void>>;
         ensureThemeDefinitions: import("../../stores").StoreAction<unknown, () => void, (result: void) => void, (failureReason: any) => void, () => Promise<void>>;
-        saveThemeDefintion: import("../../stores").StoreAction<unknown, (themeDefinition: ThemeDefinition) => void, (result: void, themeDefinition: ThemeDefinition) => void, (failureReason: any, themeDefinition: ThemeDefinition) => void, (themeDefinition: ThemeDefinition) => Promise<void>>;
-        deleteThemeDefintion: import("../../stores").StoreAction<unknown, (themeDefinition: ThemeDefinition) => void, (result: void, themeDefinition: ThemeDefinition) => void, (failureReason: any, themeDefinition: ThemeDefinition) => void, (themeDefinition: ThemeDefinition) => Promise<void>>;
+        saveThemeDefintion: import("../../stores").StoreAction<unknown, (themeDefinition: LegacyThemeDefinition) => void, (result: void, themeDefinition: LegacyThemeDefinition) => void, (failureReason: any, themeDefinition: LegacyThemeDefinition) => void, (themeDefinition: LegacyThemeDefinition) => Promise<void>>;
+        deleteThemeDefintion: import("../../stores").StoreAction<unknown, (themeDefinition: LegacyThemeDefinition) => void, (result: void, themeDefinition: LegacyThemeDefinition) => void, (failureReason: any, themeDefinition: LegacyThemeDefinition) => void, (themeDefinition: LegacyThemeDefinition) => Promise<void>>;
     };
     private updateBusinessProfileThemeMapping;
 }

package/internal-do-not-import-from-here/ux/theming/Theming.d.ts

@@ -1,5 +1,5 @@
 import { guid } from "../../models";
-import { ThemeTargetMapping, ThemeStyling, ThemeDefinition, ThemeColors } from "../../models";
+import { ThemeTargetMapping, ThemeStyling, LegacyThemeDefinition, ThemeColors } from "../../models";
 export interface ITheming {
     colors: ThemeColors;
     body: ThemeStyling;
@@ -27,7 +27,7 @@ export declare class Theming implements ITheming {
     setThemeTargetMapping(themeTargetMapping: ThemeTargetMapping): void;
     private get themingModel();
     private breakThemingInheritance;
-    setThemeDefinition(themingDefinition: ThemeDefinition): void;
+    setThemeDefinition(themingDefinition: LegacyThemeDefinition): void;
     private getThemeDefinition;
     private getOmniaState;
 }
@@ -36,6 +36,6 @@ export declare class Theming implements ITheming {
  */
 export declare function useTheme(): {
     theming: ITheming;
-    setTheming: (themingDefinition: ThemeDefinition) => void;
+    setTheming: (themingDefinition: LegacyThemeDefinition) => void;
 };
 export {};

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

@@ -1,3 +1,7 @@
 export declare function useColorSchemaSetup(props: object): import("../aurora/store").ColorSchemaStoreType & {
+    actions: {
+        disableAutoDispose(): void;
+    };
+} & {
     dispose?: () => void;
 };

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

@@ -2,7 +2,7 @@ import { ConstructComponentProps } from "../InternalDefineComponent";
 import { type DraggableComponentProps } from "../draggable/DraggableComponent";
 type DraggableComponentTypings = (props: ConstructComponentProps<Omit<DraggableComponentProps, "containerRef" | "countItems">>) => any;
 export declare const DraggableStyles: {
-    hoverStyle: import("../Styles.stylex").StylexType;
+    hoverStyle: import("../Styles.stylex").StylexValue;
 };
 export declare function useDraggable(): {
     Draggable: DraggableComponentTypings;
@@ -21,7 +21,7 @@ export declare function useDraggable(): {
     } & {
         toned?: boolean;
     } & {
-        colorType?: "base" | "onBase" | "container" | "onContainer";
+        colorType?: "container" | "base" | "onBase" | "onContainer";
     } & {
         variant?: "background" | "default";
     } & {

package/internal-do-not-import-from-here/ux/velcron/VelcronStylesProvider.d.ts

@@ -1,3 +1,3 @@
 import { VelcronDefinition, VelcronRenderContext } from "@omnia/fx-models";
 import { type CSSProperties } from "../Styles.stylex";
-export declare function velcronStyleProvider(result: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext): import("../Styles.stylex").StylexType;
+export declare function velcronStyleProvider(result: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext): import("../Styles.stylex").StylexValue;

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPicker.d.ts

@@ -454,10 +454,10 @@ declare const _default: {
             }>;
         };
         icon?: IIcon;
-        title?: string;
         container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        title?: string;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-slots"?: {
             default?: import("../../../DefineVueTypings").Slot;
         } & {

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPreview.d.ts

@@ -370,8 +370,8 @@ declare const _default: {
             }>;
         };
         container?: boolean;
-        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;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: VelcronDefinitionRegistration<object>;
         modelValue?: VelcronDefinitionRegistration<object>;
         "onUpdate:modelValue"?: (value: VelcronDefinitionRegistration<object>) => any | void;