@omnia/fx 8.0.295-dev → 8.0.297-dev

package/internal-do-not-import-from-here/ux/aurora/store/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./ColorManager";
-export * from "./ThemeStoreV2";
-export * from "./ColorSchemaStore";
+export * from "./ThemeStore";
+export { type ColorSchemaStoreType, useColorSchemaStore } from "./ColorSchemaStore";
 export * from "./ColorSchemaManager";
 export * from "./ThemeContextStore";
 export * from "./SpacingBlueprintStore";
@@ -9,3 +9,4 @@ export * from "./ComponentBlueprintStore";
 export * from "./TemplateRegistrationStore";
 export * from "./FontStore";
 export * from "./SpacingMigration";
+export * from "./ThemeStorage";

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

@@ -1,7 +1,7 @@
 import { ChromeBlueprint, Spacing, SpacingValue, setColorOpacity, ColorValue, SpacingBlueprint } from "@omnia/fx-models";
 import { blueprintStyles, colorStyling, spacingStyling, generalStylex } from "./styles";
 import { useColorSchemaStore, useSpacingBlueprintStore } from "../store";
-import { typographyStylex, typographyStyling } from "./styles/Typography";
+import { typographyStylex } from "./styles/Typography";
 import { blueprintStylex } from "./styles/Blueprints";
 export declare function useStyling(): {
     spacing: typeof spacingStyling.createSpacing;
@@ -18,11 +18,7 @@ export declare function useThemeStyling(): {
         selectedTableRowStylex: typeof generalStylex.getSelectedTableRowStylex;
         scrollStylex: typeof generalStylex.getScrollStylex;
         borderDividerStylex: typeof generalStylex.getBorderDividerStylex;
-        selectedTableRowStyling: typeof import("./styles").getSelectedTableRowStyling;
-        colorStyling: typeof colorStyling.getColorStyling;
-        hoverStyling: typeof import("./styles").getHoverStyling;
-        scrollStyling: typeof import("./styles").getScrollStyling;
-        borderDividerStyling: typeof import("./styles").getBorderDividerStyling;
+        hoverStylex: typeof generalStylex.getHoverStylex;
         css: {
             generateAllStylesSchema: typeof generateAllStylesSchema;
             generateVariableStyle: typeof generateVariableStyle;
@@ -33,7 +29,6 @@ export declare function useThemeStyling(): {
         valueStylex: typeof typographyStylex.typographyStylexFromValueStylex;
         typeStylex: typeof typographyStylex.typographyTypeStylex;
         stylex: typeof typographyStylex.typographyStylex;
-        valueStyling: (value: import("@omnia/fx-models").TypographyValue, blueprint: import("@omnia/fx-models").TypographyBlueprint) => string;
         typeStyling: (typographyType: import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
             baseStyles: {
                 fontFamily: string;
@@ -49,34 +44,24 @@ export declare function useThemeStyling(): {
             queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
             queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
         };
-        styling: typeof typographyStyling;
     };
     chrome: {
-        chromeStylex: (blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint) => any;
-        chromeStyling: (blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint) => any[];
+        chromeStylex: (blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint) => Readonly<import("../..").StylexValue>;
     };
     blueprints: {
-        button: typeof blueprintStyles.getButtonBlueprintStyling;
         buttonStylex: typeof blueprintStylex.getButtonBlueprintStylex;
-        icon: typeof blueprintStyles.getIconBlueprintStyling;
         iconStyleX: typeof blueprintStylex.getIconBlueprintStylex;
-        chip: typeof blueprintStyles.getChipBlueprintStyling;
-        fill: typeof blueprintStyles.getBlueprintFillStyling;
-        fillObject: typeof blueprintStyles.getBlueprintFillObject;
-        border: typeof blueprintStyles.getBlueprintBorderStyling;
-        background: typeof blueprintStyles.getBlueprintBackgroundStyling;
-        text: typeof blueprintStyles.getBlueprintTextStyling;
+        chipStylex: typeof blueprintStylex.getChipBlueprintStylex;
+        fillStylex: typeof blueprintStylex.getBlueprintFillStylex;
+        borderStylex: typeof blueprintStylex.getBlueprintBorderStylex;
+        backgroundStylex: typeof blueprintStylex.getBlueprintBackgroundStylex;
         textStylex: typeof blueprintStylex.getBlueprintTextStylex;
-        textObject: typeof blueprintStyles.getBlueprintTextStylingObject;
         tabStylex: typeof blueprintStylex.getBlueprintTabStylex;
         tabsStylex: typeof blueprintStylex.getBlueprintTabsStylex;
-        tab: typeof blueprintStyles.getBlueprintTabStyling;
-        tabs: typeof blueprintStyles.getBlueprintTabsStyling;
+        textObject: typeof blueprintStyles.getBlueprintTextStylingObject;
         spacing: {
-            paddingStylex: (value: Spacing | SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<import("../..").StylexType>;
-            marginStylex: (value: Spacing | SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<import("../..").StylexType>;
-            padding: (value: Spacing | SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
-            margin: (value: Spacing | SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => string;
+            paddingStylex: (value: Spacing | SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<import("../..").StylexValue>;
+            marginStylex: (value: Spacing | SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Readonly<import("../..").StylexValue>;
             value: (value: SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => number;
             values: (value: Spacing, blueprint?: ReturnType<typeof useSpacingBlueprintStore>) => Spacing;
         };

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

@@ -1,16 +1,21 @@
 import { FillDefinitionValue, BorderStylingDefinition, ButtonBlueprint, Spacing, SpacingValue, BackgroundDefinition, TextBlueprint, IconBlueprint, TabsBlueprint, ChipBlueprint } from "@omnia/fx-models";
 import { NestedCSSProperties } from "typestyle/lib/types";
 import { useColorSchemaStore, useSpacingBlueprintStore, useTypographyBlueprintStore } from "../../store";
-import { StylexType } from "internal/fx/ux/Styles.stylex";
+import { StylexValue } from "internal/fx/ux/Styles.stylex";
 export declare namespace blueprintStylex {
+    function getBlueprintFillStylex(definition: FillDefinitionValue, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    /** Chip */
+    function getChipBlueprintStylex(bluePrint: ChipBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
     /**Tab styling */
-    function getBlueprintTabStylex(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>, active?: boolean): Readonly<StylexType>;
-    function getBlueprintTabsStylex(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexType>;
+    function getBlueprintBorderStylex(definition: BorderStylingDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    function getBlueprintBackgroundStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    function getBlueprintTabStylex(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>, active?: boolean): Readonly<StylexValue>;
+    function getBlueprintTabsStylex(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
     /**Text styling */
-    function getBlueprintTextStylex(bluePrint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>): Readonly<StylexType>;
-    function getIconBlueprintStylex(bluePrint: IconBlueprint, colors: ReturnType<typeof useColorSchemaStore>, duoTone: boolean, nested?: boolean): Readonly<StylexType>;
+    function getBlueprintTextStylex(bluePrint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>): Readonly<StylexValue>;
+    function getIconBlueprintStylex(bluePrint: IconBlueprint, colors: ReturnType<typeof useColorSchemaStore>, duoTone: boolean, nested?: boolean): Readonly<StylexValue>;
     /**Button styling */
-    function getButtonBlueprintStylex(bluePrint: ButtonBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexType>;
+    function getButtonBlueprintStylex(bluePrint: ButtonBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
     function getBlueprintSpacingValue(value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
 }
 export declare namespace blueprintStyles {
@@ -24,7 +29,7 @@ export declare namespace blueprintStyles {
     /**Spacing styling */
     function getBlueprintSpacingValues(value: Spacing, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Spacing;
     function getBlueprintSpacingValue(value: SpacingValue, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
-    function getBlueprintSpacingStylingx(value: Spacing | SpacingValue, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Readonly<StylexType>;
+    function getBlueprintSpacingStylingx(value: Spacing | SpacingValue, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Readonly<StylexValue>;
     function getBlueprintSpacingStyling(value: Spacing | SpacingValue, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): string;
     /**Button styling */
     function getButtonBlueprintStyling(bluePrint: ButtonBlueprint, colors: ReturnType<typeof useColorSchemaStore>): string;

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

@@ -4,6 +4,6 @@ export declare const chromeStyles: {
     getChromeStyling: typeof getChromeStyling;
     getChromeStylingx: typeof getChromeStylingx;
 };
-declare function getChromeStylingx(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint): any;
+declare function getChromeStylingx(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint): Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
 declare function getChromeStyling(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint): any[];
 export {};

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

@@ -4,9 +4,9 @@ export declare namespace colorStyling {
     function backgroundOpacity(dark: boolean, opacity?: Number): string;
     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: import("internal/fx/ux/Styles.stylex").StylexType;
-        color: import("internal/fx/ux/Styles.stylex").StylexType;
+        all: Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
+        background: import("internal/fx/ux/Styles.stylex").StylexValue;
+        color: import("internal/fx/ux/Styles.stylex").StylexValue;
     };
     function getColorStyling(color: string, opacity?: number): ColorStyles;
 }

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

@@ -1,10 +1,14 @@
 import { useColorSchemaStore } from "@omnia/fx/ux";
 import { OBorderCombination } from "@omnia/fx-models";
-import { StylexType } from "internal/fx/ux/Styles.stylex";
+import { StylexValue } from "internal/fx/ux/Styles.stylex";
 export declare namespace generalStylex {
-    function getSelectedTableRowStylex(dark: boolean): Readonly<StylexType>;
-    function getScrollStylex(colors: ReturnType<typeof useColorSchemaStore>, toned?: boolean): Readonly<StylexType>;
-    function getBorderDividerStylex(border: OBorderCombination, dark: boolean): Readonly<StylexType>;
+    function getSelectedTableRowStylex(dark: boolean): Readonly<StylexValue>;
+    function getScrollStylex(colors: ReturnType<typeof useColorSchemaStore>, toned?: boolean): Readonly<StylexValue>;
+    function getBorderDividerStylex(border: OBorderCombination, dark: boolean): Readonly<StylexValue>;
+    function getHoverStylex(dark: boolean, settings?: {
+        scale?: number;
+        transparent?: boolean;
+    }): Readonly<StylexValue>;
 }
 export declare const generalStyles: {
     getSelectedTableRowStyling: typeof getSelectedTableRowStyling;

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

@@ -6,6 +6,6 @@ export interface NumericalSpacing {
     left?: number;
 }
 export declare namespace spacingStyling {
-    function createSpacingx(spacing: NumericalSpacing, type: SpacingTypes): Readonly<import("internal/fx/ux/Styles.stylex").StylexType>;
+    function createSpacingx(spacing: NumericalSpacing, type: SpacingTypes): Readonly<import("internal/fx/ux/Styles.stylex").StylexValue>;
     function createSpacing(spacing: NumericalSpacing, type: SpacingTypes): string;
 }

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

@@ -3,37 +3,37 @@ import { TypographyBlueprint, TypographySize, TypographyTypes, TypographyValue }
 import { MediaQuery } from "typestyle/lib/types";
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare namespace typographyStylex {
-    function typographyTypeStylex(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyBlueprint): Readonly<import("@omnia/fx/ux").StylexType>;
+    function typographyTypeStylex(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyBlueprint): Readonly<import("@omnia/fx/ux").StylexValue>;
     function typographyStylex(blueprints: ReturnType<typeof useTypographyBlueprintStore>): {
         title: {
-            readonly xl: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly l: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly m: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly s: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly xs: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly xl: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly l: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly m: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly s: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly xs: Readonly<import("@omnia/fx/ux").StylexValue>;
         };
         text: {
-            readonly l: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly m: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly s: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly xs: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly l: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly m: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly s: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly xs: Readonly<import("@omnia/fx/ux").StylexValue>;
         };
         navigation: {
-            readonly l: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly m: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly l: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly m: Readonly<import("@omnia/fx/ux").StylexValue>;
         };
         link: {
-            readonly m: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly m: Readonly<import("@omnia/fx/ux").StylexValue>;
         };
         variants: {
-            readonly variant1: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly variant2: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly variant3: Readonly<import("@omnia/fx/ux").StylexType>;
-            readonly variant4: Readonly<import("@omnia/fx/ux").StylexType>;
+            readonly variant1: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly variant2: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly variant3: Readonly<import("@omnia/fx/ux").StylexValue>;
+            readonly variant4: Readonly<import("@omnia/fx/ux").StylexValue>;
         };
         typographyType: (typographyType: string) => any;
     };
-    function typographyStylexFromValueStylex(value: TypographyValue, blueprint: TypographyBlueprint): Readonly<import("@omnia/fx/ux").StylexType>;
+    function typographyStylexFromValueStylex(value: TypographyValue, blueprint: TypographyBlueprint): Readonly<import("@omnia/fx/ux").StylexValue>;
 }
 export declare const typographyStyles: {
     typographyTypeStyling: typeof typographyTypeStyling;

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

@@ -1,5 +1,5 @@
-import { useThemeStoreV2, useColorSchemaStore, useTypographyBlueprintStore, useSpacingBlueprintStore } from "@omnia/fx/ux";
-import { ColorSchemaTypes, ThemeDefinitionV2, ThemeContextType } from "@omnia/fx-models";
+import { useThemeStore, useColorSchemaStore, useTypographyBlueprintStore, useSpacingBlueprintStore } from "@omnia/fx/ux";
+import { ColorSchemaTypes, ResolvedThemeDefinition, ThemeContextType } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
@@ -9,11 +9,11 @@ declare const _default: {
             type: import("vue").PropType<ThemeContextType>;
         };
         themeDefinition: {
-            type: import("vue").PropType<ThemeDefinitionV2>;
+            type: import("vue").PropType<ResolvedThemeDefinition>;
         };
     }>> & {
         "onTheme:initialized"?: (theme: {
-            themeStore: ReturnType<typeof useThemeStoreV2>;
+            themeStore: ReturnType<typeof useThemeStore>;
             colors: ReturnType<typeof useColorSchemaStore>;
             typography: ReturnType<typeof useTypographyBlueprintStore>;
             spacing: ReturnType<typeof useSpacingBlueprintStore>;
@@ -22,7 +22,7 @@ declare const _default: {
         [key: string]: any;
     }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "theme:initialized": (theme: {
-            themeStore: ReturnType<typeof useThemeStoreV2>;
+            themeStore: ReturnType<typeof useThemeStore>;
             colors: ReturnType<typeof useColorSchemaStore>;
             typography: ReturnType<typeof useTypographyBlueprintStore>;
             spacing: ReturnType<typeof useSpacingBlueprintStore>;
@@ -42,11 +42,11 @@ declare const _default: {
             type: import("vue").PropType<ThemeContextType>;
         };
         themeDefinition: {
-            type: import("vue").PropType<ThemeDefinitionV2>;
+            type: import("vue").PropType<ResolvedThemeDefinition>;
         };
     }>> & {
         "onTheme:initialized"?: (theme: {
-            themeStore: ReturnType<typeof useThemeStoreV2>;
+            themeStore: ReturnType<typeof useThemeStore>;
             colors: ReturnType<typeof useColorSchemaStore>;
             typography: ReturnType<typeof useTypographyBlueprintStore>;
             spacing: ReturnType<typeof useSpacingBlueprintStore>;
@@ -65,11 +65,11 @@ declare const _default: {
         type: import("vue").PropType<ThemeContextType>;
     };
     themeDefinition: {
-        type: import("vue").PropType<ThemeDefinitionV2>;
+        type: import("vue").PropType<ResolvedThemeDefinition>;
     };
 }>> & {
     "onTheme:initialized"?: (theme: {
-        themeStore: ReturnType<typeof useThemeStoreV2>;
+        themeStore: ReturnType<typeof useThemeStore>;
         colors: ReturnType<typeof useColorSchemaStore>;
         typography: ReturnType<typeof useTypographyBlueprintStore>;
         spacing: ReturnType<typeof useSpacingBlueprintStore>;
@@ -78,7 +78,7 @@ declare const _default: {
     [key: string]: any;
 }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "theme:initialized": (theme: {
-        themeStore: ReturnType<typeof useThemeStoreV2>;
+        themeStore: ReturnType<typeof useThemeStore>;
         colors: ReturnType<typeof useColorSchemaStore>;
         typography: ReturnType<typeof useTypographyBlueprintStore>;
         spacing: ReturnType<typeof useSpacingBlueprintStore>;
@@ -86,11 +86,11 @@ declare const _default: {
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        themeDefinition?: ThemeDefinitionV2;
+        themeDefinition?: ResolvedThemeDefinition;
         themeType?: ThemeContextType;
     }>, "onTheme:initialized"> & {
         "onTheme:initialized"?: (theme: {
-            themeStore: ReturnType<typeof useThemeStoreV2>;
+            themeStore: ReturnType<typeof useThemeStore>;
             colors: ReturnType<typeof useColorSchemaStore>;
             typography: ReturnType<typeof useTypographyBlueprintStore>;
             spacing: ReturnType<typeof useSpacingBlueprintStore>;