@omnia/fx 8.0.124-dev → 8.0.127-dev

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

@@ -1,4 +1,4 @@
-import { FillDefinition, BorderStylingDefinition, ButtonBlueprint, SpacingBlueprintTypes, SpacingSettings, SpacingType, BackgroundDefinition, TextBlueprint, IconBlueprint } from "@omnia/fx-models";
+import { FillDefinition, BorderStylingDefinition, ButtonBlueprint, SpacingBlueprintTypes, Spacing, SpacingValue, BackgroundDefinition, TextBlueprint, IconBlueprint, TabsBlueprint } from "@omnia/fx-models";
 import { NestedCSSProperties } from "typestyle/lib/types";
 import { useColorSchemaStore, useSpacingBlueprintStore, useTypographyBlueprintStore } from "../../store";
 export declare const BlueprintStyles: {
@@ -13,24 +13,29 @@ export declare const BlueprintStyles: {
     getBlueprintBackgroundStyling: typeof getBlueprintBackgroundStyling;
     getBlueprintBackgroundObject: typeof getBlueprintBackgroundObject;
     getBlueprintTextStyling: typeof getBlueprintTextStyling;
+    getBlueprintTabStyling: typeof getBlueprintTabStyling;
+    getBlueprintTabsStyling: typeof getBlueprintTabsStyling;
 };
 /**Border styling */
 declare function getBlueprintBorderObject(definition: BorderStylingDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): NestedCSSProperties;
-declare function getBlueprintBorderStyling(definition: BorderStylingDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): string;
-declare function getBlueprintBackgroundStyling(definition: BackgroundDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): string;
-declare function getBlueprintBackgroundObject(definition: BackgroundDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): NestedCSSProperties;
+declare function getBlueprintBorderStyling(definition: BorderStylingDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): string;
+declare function getBlueprintBackgroundStyling(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): string;
+declare function getBlueprintBackgroundObject(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): NestedCSSProperties;
 declare function getBlueprintFillStyling(definition: FillDefinition, colors?: ReturnType<typeof useColorSchemaStore>): string;
 /**Spacing styling */
 declare function getBlueprintSpacingValue(value: any, type: SpacingBlueprintTypes, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
-declare function getBlueprintSpacingStylingx(value: SpacingSettings | SpacingType, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Readonly<{
+declare function getBlueprintSpacingStylingx(value: Spacing | SpacingValue, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Readonly<{
     className?: string;
     style?: Readonly<{
         [$$Key$$: string]: string | number;
     }>;
 }>;
-declare function getBlueprintSpacingStyling(value: SpacingSettings | SpacingType, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): string;
+declare function getBlueprintSpacingStyling(value: Spacing | SpacingValue, type: SpacingBlueprintTypes, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): string;
 /**Button styling */
 declare function getButtonBlueprintStyling(bluePrint: ButtonBlueprint, colors: ReturnType<typeof useColorSchemaStore>): string;
+/**Tab styling */
+declare function getBlueprintTabStyling(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>, active?: boolean): string;
+declare function getBlueprintTabsStyling(blueprint: TabsBlueprint, colors: ReturnType<typeof useColorSchemaStore>): string;
 /**Text styling */
 declare function getBlueprintTextStyling(bluePrint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>): string;
 declare function getIconBlueprintStyling(bluePrint: IconBlueprint, colors: ReturnType<typeof useColorSchemaStore>, duoTone: boolean, nested?: boolean): string;

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

@@ -1,10 +1,10 @@
-import { ChromeDefinition, SpacingDefinition } from "@omnia/fx-models";
+import { ChromeBlueprint, SpacingDefinition } from "@omnia/fx-models";
 import { useColorSchemaStore } from "../../store";
 export declare const ChromeStyles: {
     getChromeStyling: typeof getChromeStyling;
     getChromeStylingx: typeof getChromeStylingx;
 };
-declare function getChromeStylingx(blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition): Readonly<{
+declare function getChromeStylingx(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition): Readonly<{
     className?: string;
     style?: Readonly<{
         [$$Key$$: string]: string | number;
@@ -15,5 +15,5 @@ declare function getChromeStylingx(blueprint: ChromeDefinition, colors: ReturnTy
     }>;
     classname: string;
 };
-declare function getChromeStyling(blueprint: ChromeDefinition, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition): any[];
+declare function getChromeStyling(blueprint: ChromeBlueprint, colors: ReturnType<typeof useColorSchemaStore>, spacingDefinition: SpacingDefinition): any[];
 export {};

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

@@ -2,6 +2,11 @@ import { useColorSchemaStore } from "@omnia/fx/ux";
 export declare const GeneralStyles: {
     getSelectedTableRowStyling: typeof getSelectedTableRowStyling;
     getScrollStyling: typeof getScrollStyling;
+    getHoverStyling: typeof getHoverStyling;
 };
 export declare function getSelectedTableRowStyling(dark: boolean): string;
+export declare function getHoverStyling(dark: boolean, settings?: {
+    scale?: number;
+    transparent?: boolean;
+}): string;
 export declare function getScrollStyling(colors: ReturnType<typeof useColorSchemaStore>, toned?: boolean, targetSelector?: string): string;

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

@@ -1,14 +1,19 @@
-import { Spacing } from "@omnia/fx-models";
 export declare const SpacingStyling: {
     createSpacing: typeof createSpacing;
     createSpacingx: typeof createSpacingx;
 };
-type SpacingTypes = "padding" | "margin";
-declare function createSpacingx(spacing: Spacing, type: SpacingTypes): Readonly<{
+export type SpacingTypes = "padding" | "margin";
+export interface NumericalSpacing {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+declare function createSpacingx(spacing: NumericalSpacing, type: SpacingTypes): Readonly<{
     className?: string;
     style?: Readonly<{
         [$$Key$$: string]: string | number;
     }>;
 }>;
-declare function createSpacing(spacing: Spacing, type: SpacingTypes): string;
+declare function createSpacing(spacing: NumericalSpacing, type: SpacingTypes): string;
 export {};

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

@@ -1,5 +1,5 @@
 /**Typography */
-import { TypographyDefinition, TypographySize, TypographyTypes, TypographyValue } from "@omnia/fx-models";
+import { TypographyBlueprint, TypographySize, TypographyTypes, TypographyValue } from "@omnia/fx-models";
 import { MediaQuery } from "typestyle/lib/types";
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TypographyStyles: {
@@ -30,8 +30,8 @@ export interface TypographyTypesResult {
     };
     typographyType: (typographyType: string) => string;
 }
-declare function typographyStylingByValue(value: TypographyValue, blueprint: TypographyDefinition): string;
-declare function typographyTypeStyling(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyDefinition): {
+declare function typographyStylingByValue(value: TypographyValue, blueprint: TypographyBlueprint): string;
+declare function typographyTypeStyling(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyBlueprint): {
     baseStyles: {
         fontFamily: string;
         fontSize: string;