npm - @omnia/fx - Versions diffs - 8.0.295-dev → 8.0.296-dev - Mend

@omnia/fx 8.0.295-dev → 8.0.296-dev

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

Files changed (153) hide show

package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts CHANGED Viewed

@@ -6087,6 +6087,77 @@ export declare const useTypographyBlueprintStore: () => {
                                         type: "velcron";
                                         version?: string;
                                         name?: string;
+                                        lazy?: {
+                                            minHeight?: import("@omnia/fx-models").VelcronBindableProp<number | string>;
+                                            backgroundColor?: import("@omnia/fx-models").VelcronBindableProp<string>;
+                                        };
+                                        blueprint?: import("@omnia/fx-models").ContainerVariant | {
+                                            name?: string;
+                                            background?: {
+                                                fill?: string | {
+                                                    colors: (string | {
+                                                        colorType: import("@omnia/fx-models").ColorType;
+                                                        toned?: boolean;
+                                                        colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                        opacity?: number;
+                                                    } | {
+                                                        color: string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        };
+                                                        stop?: number;
+                                                    })[];
+                                                    acrylic?: boolean;
+                                                } | {
+                                                    colorType: import("@omnia/fx-models").ColorType;
+                                                    toned?: boolean;
+                                                    colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                    opacity?: number;
+                                                };
+                                                border?: {
+                                                    radius?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    width?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    fill?: {
+                                                        colors: (string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        } | {
+                                                            color: string | {
+                                                                colorType: import("@omnia/fx-models").ColorType;
+                                                                toned?: boolean;
+                                                                colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                                opacity?: number;
+                                                            };
+                                                            stop?: number;
+                                                        })[];
+                                                        acrylic?: boolean;
+                                                    };
+                                                    pattern?: "solid" | "dotted" | "dashed";
+                                                };
+                                                elevation?: number;
+                                                media?: {
+                                                    type: import("@omnia/fx-models").BackgroundMedia;
+                                                    src: string;
+                                                };
+                                            };
+                                            id: guid;
+                                        };
                                         body?: {
                                             body?: any[];
                                             style?: {
@@ -6234,6 +6305,11 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         overflow?: import("@omnia/fx-models").VelcronOverflowValues;
                                         key?: string;
+                                        colorSchemaType?: string;
+                                        colorType?: string;
+                                        filled?: boolean;
+                                        toned?: boolean;
+                                        color?: string;
                                     };
                                 };
                                 styles: {
@@ -6318,6 +6394,77 @@ export declare const useTypographyBlueprintStore: () => {
                                         type: "velcron";
                                         version?: string;
                                         name?: string;
+                                        lazy?: {
+                                            minHeight?: import("@omnia/fx-models").VelcronBindableProp<number | string>;
+                                            backgroundColor?: import("@omnia/fx-models").VelcronBindableProp<string>;
+                                        };
+                                        blueprint?: import("@omnia/fx-models").ContainerVariant | {
+                                            name?: string;
+                                            background?: {
+                                                fill?: string | {
+                                                    colors: (string | {
+                                                        colorType: import("@omnia/fx-models").ColorType;
+                                                        toned?: boolean;
+                                                        colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                        opacity?: number;
+                                                    } | {
+                                                        color: string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        };
+                                                        stop?: number;
+                                                    })[];
+                                                    acrylic?: boolean;
+                                                } | {
+                                                    colorType: import("@omnia/fx-models").ColorType;
+                                                    toned?: boolean;
+                                                    colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                    opacity?: number;
+                                                };
+                                                border?: {
+                                                    radius?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    width?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    fill?: {
+                                                        colors: (string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        } | {
+                                                            color: string | {
+                                                                colorType: import("@omnia/fx-models").ColorType;
+                                                                toned?: boolean;
+                                                                colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                                opacity?: number;
+                                                            };
+                                                            stop?: number;
+                                                        })[];
+                                                        acrylic?: boolean;
+                                                    };
+                                                    pattern?: "solid" | "dotted" | "dashed";
+                                                };
+                                                elevation?: number;
+                                                media?: {
+                                                    type: import("@omnia/fx-models").BackgroundMedia;
+                                                    src: string;
+                                                };
+                                            };
+                                            id: guid;
+                                        };
                                         body?: {
                                             body?: any[];
                                             style?: {
@@ -6465,6 +6612,11 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         overflow?: import("@omnia/fx-models").VelcronOverflowValues;
                                         key?: string;
+                                        colorSchemaType?: string;
+                                        colorType?: string;
+                                        filled?: boolean;
+                                        toned?: boolean;
+                                        color?: string;
                                     };
                                 };
                                 styles: {
@@ -6549,6 +6701,77 @@ export declare const useTypographyBlueprintStore: () => {
                                         type: "velcron";
                                         version?: string;
                                         name?: string;
+                                        lazy?: {
+                                            minHeight?: import("@omnia/fx-models").VelcronBindableProp<number | string>;
+                                            backgroundColor?: import("@omnia/fx-models").VelcronBindableProp<string>;
+                                        };
+                                        blueprint?: import("@omnia/fx-models").ContainerVariant | {
+                                            name?: string;
+                                            background?: {
+                                                fill?: string | {
+                                                    colors: (string | {
+                                                        colorType: import("@omnia/fx-models").ColorType;
+                                                        toned?: boolean;
+                                                        colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                        opacity?: number;
+                                                    } | {
+                                                        color: string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        };
+                                                        stop?: number;
+                                                    })[];
+                                                    acrylic?: boolean;
+                                                } | {
+                                                    colorType: import("@omnia/fx-models").ColorType;
+                                                    toned?: boolean;
+                                                    colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                    opacity?: number;
+                                                };
+                                                border?: {
+                                                    radius?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    width?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    fill?: {
+                                                        colors: (string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        } | {
+                                                            color: string | {
+                                                                colorType: import("@omnia/fx-models").ColorType;
+                                                                toned?: boolean;
+                                                                colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                                opacity?: number;
+                                                            };
+                                                            stop?: number;
+                                                        })[];
+                                                        acrylic?: boolean;
+                                                    };
+                                                    pattern?: "solid" | "dotted" | "dashed";
+                                                };
+                                                elevation?: number;
+                                                media?: {
+                                                    type: import("@omnia/fx-models").BackgroundMedia;
+                                                    src: string;
+                                                };
+                                            };
+                                            id: guid;
+                                        };
                                         body?: {
                                             body?: any[];
                                             style?: {
@@ -6696,6 +6919,11 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         overflow?: import("@omnia/fx-models").VelcronOverflowValues;
                                         key?: string;
+                                        colorSchemaType?: string;
+                                        colorType?: string;
+                                        filled?: boolean;
+                                        toned?: boolean;
+                                        color?: string;
                                     };
                                 };
                                 styles: {
@@ -6780,6 +7008,77 @@ export declare const useTypographyBlueprintStore: () => {
                                         type: "velcron";
                                         version?: string;
                                         name?: string;
+                                        lazy?: {
+                                            minHeight?: import("@omnia/fx-models").VelcronBindableProp<number | string>;
+                                            backgroundColor?: import("@omnia/fx-models").VelcronBindableProp<string>;
+                                        };
+                                        blueprint?: import("@omnia/fx-models").ContainerVariant | {
+                                            name?: string;
+                                            background?: {
+                                                fill?: string | {
+                                                    colors: (string | {
+                                                        colorType: import("@omnia/fx-models").ColorType;
+                                                        toned?: boolean;
+                                                        colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                        opacity?: number;
+                                                    } | {
+                                                        color: string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        };
+                                                        stop?: number;
+                                                    })[];
+                                                    acrylic?: boolean;
+                                                } | {
+                                                    colorType: import("@omnia/fx-models").ColorType;
+                                                    toned?: boolean;
+                                                    colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                    opacity?: number;
+                                                };
+                                                border?: {
+                                                    radius?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    width?: {
+                                                        scale?: import("@omnia/fx-models").SpacingScale;
+                                                        top?: import("@omnia/fx-models").SpacingValue;
+                                                        right?: import("@omnia/fx-models").SpacingValue;
+                                                        bottom?: import("@omnia/fx-models").SpacingValue;
+                                                        left?: import("@omnia/fx-models").SpacingValue;
+                                                    };
+                                                    fill?: {
+                                                        colors: (string | {
+                                                            colorType: import("@omnia/fx-models").ColorType;
+                                                            toned?: boolean;
+                                                            colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                            opacity?: number;
+                                                        } | {
+                                                            color: string | {
+                                                                colorType: import("@omnia/fx-models").ColorType;
+                                                                toned?: boolean;
+                                                                colorSchemaType?: import("@omnia/fx-models").ColorSchemaType;
+                                                                opacity?: number;
+                                                            };
+                                                            stop?: number;
+                                                        })[];
+                                                        acrylic?: boolean;
+                                                    };
+                                                    pattern?: "solid" | "dotted" | "dashed";
+                                                };
+                                                elevation?: number;
+                                                media?: {
+                                                    type: import("@omnia/fx-models").BackgroundMedia;
+                                                    src: string;
+                                                };
+                                            };
+                                            id: guid;
+                                        };
                                         body?: {
                                             body?: any[];
                                             style?: {
@@ -6927,6 +7226,11 @@ export declare const useTypographyBlueprintStore: () => {
                                         };
                                         overflow?: import("@omnia/fx-models").VelcronOverflowValues;
                                         key?: string;
+                                        colorSchemaType?: string;
+                                        colorType?: string;
+                                        filled?: boolean;
+                                        toned?: boolean;
+                                        color?: string;
                                     };
                                 };
                                 styles: {

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

@@ -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,22 +44,18 @@ 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("../..").StylexType>;
     };
     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;
+        borderStylex: typeof blueprintStylex.getBlueprintBorderStylex;
+        backgroundStylex: typeof blueprintStylex.getBlueprintBackgroundStylex;
         text: typeof blueprintStyles.getBlueprintTextStyling;
         textStylex: typeof blueprintStylex.getBlueprintTextStylex;
         textObject: typeof blueprintStyles.getBlueprintTextStylingObject;

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

@@ -4,6 +4,8 @@ import { useColorSchemaStore, useSpacingBlueprintStore, useTypographyBlueprintSt
 import { StylexType } from "internal/fx/ux/Styles.stylex";
 export declare namespace blueprintStylex {
     /**Tab styling */
+    function getBlueprintBorderStylex(definition: BorderStylingDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexType>;
+    function getBlueprintBackgroundStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexType>;
     function getBlueprintTabStylex(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>, active?: boolean): Readonly<StylexType>;
     function getBlueprintTabsStylex(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>): Readonly<StylexType>;
     /**Text styling */

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

@@ -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").StylexType>;
 declare function getChromeStyling(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingBlueprint: SpacingBlueprint): any[];
 export {};

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

@@ -5,6 +5,10 @@ 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 getHoverStylex(dark: boolean, settings?: {
+        scale?: number;
+        transparent?: boolean;
+    }): Readonly<StylexType>;
 }
 export declare const generalStyles: {
     getSelectedTableRowStyling: typeof getSelectedTableRowStyling;